JavaScript Array Methods and Objects Data Structures

Explore how JavaScript arrays and objects hold data, learn commonly used array methods, and manipulate, access, and output items in web pages.

Create and compare arrays in JavaScript using literals and constructors, explore the length property, zero-based indexing, and arrays with mixed data types.

Explore nested arrays in JavaScript, learn to access inner arrays with indices, loop through items, and render results to the page with the document and console.

Learn to use array methods in JavaScript, such as Array.from and Array.of, convert strings and node lists to arrays, and apply map, isArray checks, split, and spread to create arrays.

Explore creating objects in JavaScript using literal and constructor forms, access values with dot and bracket notation, and use this in methods while handling strings, data types, and nested objects.

Learn how to merge and clone objects with Object.assign, convert objects to strings with JSON.stringify and JSON.parse, and use Object.freeze, Object.seal, and Object.isFrozen to manage and test object state.

Learn how to convert object content into arrays and loop through keys and values using Object.entries, Object.keys, and Object.values, then render results on a web page.

Learn to manipulate arrays in JavaScript by using the length property to create or clear empty slots, clone arrays, and concatenate or split strings into arrays.

Explore how to loop through arrays using for, while, for each, map, and filter, outputting items and indices to the console or page.

Explore the array and object entries and the next iterator, learning how to loop through items with for loops, while loops, and for...of, retrieving index and value with console.log.

Explore JavaScript array update methods, including push, unshift, shift, and pop, and learn slice vs splice, join, and toString for manipulating and displaying array values.

Learn how to clean up array items in JavaScript by removing duplicates with a new Set while preserving empty values, then use a boolean filter to exclude false values.

Learn to filter arrays with JavaScript's filter method, using length checks, index-based criteria, type checks, boolean cleanup of falsy values, and uppercase-first-letter rules.

Use indexOf and lastIndexOf to locate item positions, includes to verify presence, and findIndex with a callback to find the first matching element; return -1 when not found.

JavaScript's map creates a new array by applying a callback to each element, using item, index, and array. It also demonstrates combining first and last names into full names.

Learn practical ways to extract unique values from arrays in JavaScript using the set approach, spread syntax, and the filter with indexOf technique, with examples using an array with duplicates.

Explore how to access array keys and values with iterators, use keys() and values() to loop, practice with for and while loops, and inspect next() to retrieve items.

Learn how to use the reduce method to sum numbers, count occurrences of values with an object, and generate an array of unique values from an array in JavaScript.

Explore how JavaScript's sort method rearranges arrays in place, toggle order with a comparator, handle numbers and strings, and create random orders or pick random items using Math.random.