Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
variable = "chaîne de caractères"
variable.charAt(3)
ensemble = new Set([2, 3, 4, 2])
variableInt = 5
personne = {
return {
nom: "Pierre",
age: 23,
couleur: "jaune"
}
}
personne.nom
personne["nom"]
personne2 = new Object({
nom: {
prenom: "Pierre",
nomDeFamille: "Jacques"
},
age: 23,
couleur: "jaune"
})
personne2.animal = "souris"
auteurs = [personne, personne2]
auteurs.push({
nom: "Jeanne",
age: 42,
couleur: "rouge"
})
auteurs
bio = auteurs[0].nom + " " + auteurs[0].age + " ans"
auteurs[0].nom
listeCouleurs =
{
// créer une liste
var resultat = [] // elle est vide au début
// pour chaque auteur dans auteurs
auteurs.forEach(auteur =>
{
resultat.push(auteur.couleur)
}
)
return resultat
}
listeCouleurs2 = auteurs.map(d => d.couleur)
typeof(auteurs[3].age.toString())
annee = "1952"
function moins2(x){
var texte = "bonjour"
var nombre = x-2
return texte + " " +String(nombre)
}
moins2(5)
typeof Number(annee)
NAC = "2022J402"
dateAcquisition = NAC.substr(0, 4)
nAcquisition = NAC.substr(5, 9)
type = "murale, peinture"
types = type.split(", ")
acquisition = dateAcquisition.concat("-").concat(nAcquisition)
import {data} from "@lenamk/hnu6056-cours1"
data
new Set(murales.map(d => d.region))
murales = data.filter(d => d.categorie == "Murale")
boucle = {
var resultat = "c"
for (var i = 0; i < 10; i++){
resultat += i // resultat = resultat + i
console.log(resultat) //affiche le résultat dans la console du navigateur
}
return resultat
}
listeCategories = data.map(d => d.categorie)
categories = new Set (data.map(d => d.categorie))
test = {
var resultat
var a = 6
//si a est plus petit que 4
if (a < 4){
resultat = "a est plus petit que 4"
} //sinon, si a est égal à 4
else if (a == 4){
resultat = "a c'est exactement pile poil 4"
} // dans tous les autre cas
else
resultat = "en tout cas c'est plus grand que 4"
return resultat
}
categoriesSimplifiees = [
{
nom: "2D",
categoriesEnfant: ["Murale", "Peinture", "Vitrail", "Gravure", "Multimédia", "Photographie", "Mosaïque"]
},
{
nom: "3D",
categoriesEnfant:["Sculpture", "Relief", "Installation", "Céramique","Émail"]
},
{
nom: "Inconnu",
categoriesEnfant:["Autre", null, "Techniques Mixtes"]
},
]
dataSimplifiee = {
var resultat = []
//pour chaque oeuvre (.forEach) dans data
data.forEach(oeuvre => {
//récupérer la catégorie associée à l'œuvre
var categorieActuelle = oeuvre.categorie
// on filtre la liste categoriesSimplifees avec la fonction filter pour garder uniquement les éléments de la liste qui correspondent au critère ".includes(categorieActuelle" dans categoriesEnfant
//filter() on définit un test pour voir si on garde cet élément dans la liste ou non
// exemple: nom == "Jacques", date > 1950
var categorieSimplifieeActuelle = categoriesSimplifiees.filter(categorieSimplifiee => categorieSimplifiee.categoriesEnfant.includes(categorieActuelle))
var oeuvreEnrichie = oeuvre
oeuvreEnrichie.categorieSimplifiee = categorieSimplifieeActuelle[0].nom
resultat.push(oeuvreEnrichie)
})
return resultat
}
maliste = ["tomate", "banane", "mûre", "pêche", "mangue"]
maliste.filter(fruit => fruit == "tomate")
maliste.filter(fruit => fruit.includes("m"))
Nettoyage et préparation d'un jeu de données
mobilier = d3.json("https://www.donneesquebec.ca/recherche/dataset/62db20af-4e95-46bd-85c0-7a6460f594a6/resource/86f7336e-6e98-4103-bac8-453121a18d2b/download/mobilier_urbain.json")
mobilier[0]
proprietesMobilier = Object.keys(mobilier[0])
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
exploration = {
var resultat = []
//pour chaque propriété qui décrit le mobilier
proprietesMobilier.forEach(p => {
/*
1. moblier.map(d => d[p]) pour chaque objet d dans la liste mobilier → aller récupérer la valeur pour la propriété p → d[p]
2. pour retirer les doublons, transformer le résultat (initialement un array) en un Set: new Set(resultat 1)
3. mettre ce set dans la liste des résultats
*/
resultat.push({
nom: p,
valeurs: new Set(mobilier.map(d => d[p]))
})
})
return resultat
}
Object.values(mobilier[256])
import {toc} from "@lenamk/toc"
import {tp2} from "@lenamk/plan-du-cours-hnu6056-hnu3056"
import {tp4} from "@lenamk/plan-du-cours-hnu6056-hnu3056"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
