fresh block

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.

81% match

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.

80% match

Sample problems: objects and arrays

80% match

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.

79% match

Sample problems 2: objects and arrays

This example presents four JavaScript practice problems focused on array and object manipulation, with output shown only in the browser’s developer console. It demonstrates techniques such as iterating with `forEach()`, filtering array elements using `includes()` for substring matching and set difference, sorting an array of objects by a string property with a custom comparator, and checking numeric properties with the modulo operator. The code uses the D3.js v4 library for loading, but the exercises themselves rely on core JavaScript APIs, including `console.log()`, and include sample datasets of U.S. states with their regions and populations.

fresh block

This example presents a console-based demonstration of a custom sorting function that separates array elements by data type. The visualization shows no graphical output; instead, it logs the result of sorting an array containing a mix of strings and numbers to the browser’s console. The code defines `weirdArraySort`, which filters the input into numeric and string arrays, sorts the numbers ascending and the strings in reverse alphabetical order, then concatenates the string list before the numbers. It relies on the D3.js v4 library to set up an SVG canvas, though the canvas remains empty, and the core logic uses standard JavaScript array methods and type checking.

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.

Sample problems 2: objects and arrays

This example demonstrates four JavaScript practice problems for working with objects and arrays. The code uses a hardcoded array of state objects and a pair of simple arrays to test filtering, comparison, and sorting logic. It relies on the base JavaScript array methods `forEach`, `includes`, and `sort`, along with the d3 `ascending` comparator. All output is printed to the browser’s developer console using `console.log`, as the visualization itself displays only a static heading and instructions.