2c:null 2d:["$","title",null,{"children":"Solution des exercices - Rappels JavaScript | BUT SD - Cours Programmation Web Dataviz | Observable"}] 32:[] 30:{"id":"1016380d2dbf3ab6","slug":"solution-des-exercices-rappels-javascript","title":"Solution des exercices - Rappels JavaScript","thumbnail":"5bc25ad4ea1cf49ad3db8afacd66d82637d29a45cc00f7a854d2c49fcabb33f0","access_level":"public","create_time":"$D2023-09-11T12:10:38.118Z","update_time":"$D2026-09-07T12:18:57.957Z","view_time":null,"first_public_time":"$D2023-09-11T13:42:00.029Z","fork":{"id":"acdfe371bdb779d0","slug":"rappels-javascript-exercices","title":"Exercices - Rappels JavaScript","owner":{"id":"daf0693188c7d3b6","login":"sd-progwebdataviz","name":"BUT SD - Cours Programmation Web Dataviz"}},"stars":0,"starred":false,"owner":{"type":"team","id":"daf0693188c7d3b6","login":"sd-progwebdataviz","name":"BUT SD - Cours Programmation Web Dataviz","avatar_url":"https://avatars-next.observableusercontent.com/9abf99c7291a1bcb0c0549771e1476593088700d797bd36ff146f1e5ff3035e7","tier":"starter_2024"},"version":176,"publish_version":176,"role":null,"authored":false,"authors":[{"type":"individual","id":"8e230b124d25dec4","login":"mthh","name":"Matthieu Viry","avatar_url":"https://avatars-next.observableusercontent.com/911bd8720f0dbfd44850e291921253c0242ac77c4537d932fde7db5c82ebb267","tier":null}],"members":[{"type":"individual","id":"8e230b124d25dec4","login":"mthh","name":"Matthieu Viry","avatar_url":"https://avatars-next.observableusercontent.com/911bd8720f0dbfd44850e291921253c0242ac77c4537d932fde7db5c82ebb267","tier":null,"role":"editor"},{"type":"team","id":"daf0693188c7d3b6","login":"sd-progwebdataviz","name":"BUT SD - Cours Programmation Web Dataviz","avatar_url":"https://avatars-next.observableusercontent.com/9abf99c7291a1bcb0c0549771e1476593088700d797bd36ff146f1e5ff3035e7","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"691270b6b68d5a88","slug":"solutions","title":"TP / Exercices - Solutions","owner":{"id":"daf0693188c7d3b6","login":"sd-progwebdataviz","name":"BUT SD - Cours Programmation Web Dataviz"}},"type":"notebook","body":{"title":"Solution des exercices - Rappels JavaScript","cells":[{"id":0,"value":"# Solution des exercices - Rappels JavaScript","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":86,"value":"

Support de cours pour les étudiants 2026-2027 de 3ème année du BUT Science des données de l'IUT2 (Université Grenoble Alpes).

\n\nIntervenant : Matthieu Viry

\nVoir l'ensemble de notebooks ici.\n\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"**Consigne**: Écrire le code correspondant à chaque exercice.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"**1)** Combien de caractères y-a-t'il dans la variable `paragraph` ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"const paragraph = \"JavaScript est un langage de script léger, orienté objet, principalement connu comme le langage de script des pages web. Mais il est aussi utilisé dans de nombreux environnements extérieurs aux navigateurs web tels que Node.js, Apache CouchDB voire Adobe Acrobat. Le code JavaScript est interprété ou compilé à la volée. C'est un langage à objets utilisant le concept de prototype, disposant d'un typage faible et dynamique qui permet de programmer suivant plusieurs paradigmes de programmation : fonctionnelle, impérative et orientée objet.\"","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"paragraph.length","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"**2)** Créer un tableau contenant les mots contenus dans la variable `paragraph`. Stocker le résultat dans une variable nommée `words`.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"const words = paragraph.split(' ')\ndisplay(words)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"**3)** Combien de mots y-a-t'il au total ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"words.length","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"**4)** Comment accéder au second mot de `paragraph` ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"words[1]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"**5)** La variable suivante contient le même paragraphe, sans les signes de ponctuations. Combien de mots uniques s'y trouvent ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"const p2 = paragraph.replace(/[,.:;]/g, \"\").split(' ')","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"new Set(p2).size","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"**6)** Comment obtenir la valeur correspondant à la clé \"milk\" dans l'objet `prices` ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"prices = ({\n milk: 3.45,\n crackers: 4.54,\n pepsi: 1.00,\n chips: 2.98,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"prices.milk","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"**7)** Comment obtenir la valeur, dans l'objet `prices` correspondant à la clé contenue dans la variable `key` ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"const key = 'chips'","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"prices[key]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"**8)** Comment convertir ce tableau de paires de clés-valeurs en un `Object` ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"const kv = [\n [\"Pier\", 30],\n [\"Rosa\", 80],\n [\"Luke\", 98],\n [\"Mike\", 29]\n]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"Object.fromEntries(kv)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"**9)** Comment faire pour obtenir pour obtenir un nouveau tableau contenant les valeurs contenu dans le tableau `values`, sans doublons ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":100,"value":"const values = [1, 4, 8, 10, 1, 3, 2, 8, 9, 10, 2, 21, 16, 21, 1, 4, 13, 10, 12, 4, 8, 12, 13, 21, 9, 0]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"[...new Set(values)]","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"**10)** Écrivez une fonction nommée `counter` qui prend un argument, un tableau, et qui retourne un objet contenant le nombre d’occurrences de chaque entrée du tableau. Si vous appelez cette fonction sur le tableau `values` définis plus haut, vous devez obtenir la réponse suivante :\n\n```js\ncounter(values)\n```\n```js\n{\n 0: 1,\n 1: 3,\n 2: 2,\n 3: 1,\n 4: 3,\n 8: 3,\n 9: 2,\n 10: 3,\n 12: 2,\n 13: 2,\n 16: 1,\n 21: 3\n}\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":131,"value":"function counter(tableau) {\n\n const o = {};\n\n tableau.forEach((char) => {\n if (o[char] === undefined) { // if (!o[char]) fonctionne aussi\n o[char] = 1;\n } else {\n o[char] += 1;\n }\n });\n\n return o;\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"counter(values)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"function counter2(tableau) {\n\n const o = {};\n\n for (let i=0; i < tableau.length; i++) {\n const char = tableau[i];\n if (o[char] === undefined) { // if (!o[char]) fonctionne aussi\n o[char] = 1;\n } else {\n o[char] += 1;\n }\n }\n\n return o;\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"counter2(values)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"2","titling":"auto"}} 31:"$30:body"