Sample problems: objects and arrays

100%

Sample problems: objects and arrays

✓ Published0🌍 Public

Last edited Feb 27, 2018

Created on Feb 27, 2018

This example presents five JavaScript practice problems focused on manipulating objects and arrays, with output intended for the browser developer console rather than SVG graphics. The code uses D3 v4’s `d3.range` to generate an array of integers from 1 to 10 for a modulus-based filtering exercise. Problems involve merging state IDs from one array into another, finding common elements between two arrays, sorting state objects by population, and identifying the smallest population value. The visualization is purely code-driven, with no visual rendering, and relies on standard array methods like `forEach`, `sort`, and `includes`.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/ad5f8f49f1364e79ea5550b55f7933a5'>Sample problems: objects and arrays</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Sample problems: objects and arrays

This example presents five JavaScript practice problems focused on manipulating objects and arrays, with output intended for the browser’s developer console rather than SVG or other visual rendering. The code demonstrates basic data operations such as merging object properties by matching names, finding common elements between arrays using nested loops and the `includes` method, sorting an array of state objects by population, and using a loop with the modulus operator to filter numbers. It relies on vanilla JavaScript for most tasks and uses the D3 v4 library’s `d3.range` function to generate a sequence of integers from 1 to 10.

CCraftbd

94% match

Loading thumbnail…

Sample problems: objects and arrays

This example presents five JavaScript practice problems embedded in an HTML page, focusing on array and object manipulation rather than visual output. The exercises involve merging state names with their two-letter IDs, finding common elements between arrays, sorting state objects by population, and using the modulus operator to filter numbers. Built with D3 v4, the code uses `d3.range` to generate a sequence of integers, though all results are meant to be viewed in the browser’s developer console, as no SVG or graphical rendering is included.

CCraftbd

94% match

Loading thumbnail…

Sample problems: objects and arrays

CCraftbd

94% match

Loading thumbnail…

Sample problems: objects and arrays

This example presents five JavaScript practice problems that manipulate arrays and objects, with output visible only in the developer console. The problems demonstrate tasks such as merging object properties between arrays, finding common items, sorting objects by a numeric property, and filtering numbers using the modulus operator. The code uses D3 v4’s `d3.range` to generate an array of integers, while array methods like `forEach` and `sort` handle the core logic. No SVG or visual rendering is involved, as the focus is purely on algorithmic thinking with plain data structures.

CCraftbd

92% match

Loading thumbnail…

Sample problems

This example presents five JavaScript practice problems focused on array and object manipulation. The code, built with D3 v4, demonstrates iterating through arrays to match objects, finding common elements, sorting an array by population, selecting a single object, and using a modulus operator within a loop. Since the problems do not involve SVG manipulation, users must open the developer console to see the output of each solution. The data are static, embedded within the `index.html` file.

LLaurynKW

92% match

Loading thumbnail…

Sample problems: objects and arrays

This example presents five JavaScript practice problems for manipulating data structures, using the D3 library (v4) within an HTML page. It demonstrates techniques like iterating through arrays with `forEach`, matching objects to copy properties, finding intersecting array elements with `includes`, and sorting an array of state objects by population using the `sort` method and `d3.ascending`. It also shows logging results to the console and using `d3.range` to create a numeric sequence for a modulus-based filtering exercise, though the final solution is left incomplete.

LLaurynKW

91% match

Loading thumbnail…

Sample problems 2: objects and arrays

This example presents four JavaScript practice problems that operate on arrays and objects, demonstrating data filtering, comparison, and sorting without any visual rendering. The code uses plain JavaScript methods such as `forEach`, `includes`, and `sort` to manipulate datasets like state objects with names, locations, and populations, and arrays of characters and numbers. It logs results to the browser’s developer console, including filtering states by location substrings, finding items unique to one array, sorting states alphabetically, and identifying even population values. The visualization relies entirely on the console output rather than D3 or SVG, though it is built within a D3 v4 environment.

CCraftbd

91% match

Loading thumbnail…

Sample problems 2-27

This example presents five JavaScript practice problems in the browser console, with instructions displayed in the page. It demonstrates array iteration, filtering, sorting, and modular arithmetic on state objects with names, IDs, and population data. The code uses plain JavaScript array methods such as `forEach`, `includes`, and `sort`, along with `console.log` for output. No SVG or D3 visualization is involved; the exercises focus on fundamental data manipulation and logic skills using D3 v4 only as a script dependency.

Aannalabrozzi

91% match