D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
annalabrozzi
Full window
Github gist
5 practice problems-Anna
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v4.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } </style> </head> <body> <h1>Please look in the code below for 5 JavaScript practice problems.</h1> <p>(These problems don't include any SVG manipulation, so you will need to open the developer console in order to see the output of your code)</p> <script> // Problem 1: modify array1 so that each object it contains includes the 2 letter state "id" array1 = [ {name: "Arizona", location: "Southwest"}, {name: "Virginia", location: "East"}, {name: "Florida", location: "Southeast"} ]; array2 = [ {name: "Virginia", id: "VA"}, {name: "Arizona", id: "AZ"}, {name: "Florida", id: "FL"} ]; array1.forEach(function(a) { array2.forEach(function(b) { if (a.name == b.name) { a.id = b.id; }console.log(array1) }) }) // Problem 2: print all items that are in both array3 // and array4 to the console. array3 = ['a','b','c','d']; array4 = ['a','c','e','f','g']; // console.log("first solution:") array3.forEach(function (c) { array4.forEach(function (d) { if (c == d) { console.log(c) } }) }) // console.log("second solution:") array3.forEach(function (c) { if (array4.includes(c)) { // console.log(a3); } }) // Problem 3: 'states' is an array of objects. Sort the array in ascending order by population var states = [{name: "Alaska", id: "AK", population: 741894}, {name: "Virginia", id: "VA", population: 8411808}, {name: "Arizona", id: "AZ", population: 6931071}, {name: "Florida", id: "FL", population: 20984400}] console.log(states.sort(function(a,b){return (a.population)-(b.population)})) // Problem 4: using console.log() and the appropriate index on the sorted 'states' array, print the state with the smallest population. console.log(states[0].name) //console.log(max) // someNumbers is an array containing all integers from 1-10 inclusively var someNumbers = d3.range(1,11) // Problem 5: using console.log(), a loop,and the modulus operator, print those members of someNumbers that are NOT multiples of 3. someNumbers.forEach(function(i) { if (i % 3 === 0){ } else { console.log(i)} }); </script> </body>
https://d3js.org/d3.v4.min.js