Array Methods Explained As Emojis

Last updated 3 years ago

Was this helpful?

Array Methods Explained As Emojis

1. `Array.push()`

Adds one or more elements to the end of an array. Or grows a farm.

let livestock = ["🐷", "🐮", "🐔"];livestock.push("🐴", "🐮");// console.log(livestock);// ["🐷", "🐮", "🐔", "🐴", "🐮"]

_Documentation on _

2. `Array.from()`

Creates a new array from an array-like or iterable object. Or separates some wild animals.

const wild  = "🐻🐯🦁";const tamed = Array.from(wild);// console.log(tamed);// ["🐻", "🐯", "🦁"]

_Documentation on _

3. `Array.concat()`

Merges two or more arrays into a single new one. Or brings different worlds together.

const dogs = ["🐶", "🐶"];const cats = ["🐱", "🐱", "🐱"];const pets = dogs.concat(cats);// console.log(pets);// ["🐶", "🐶", "🐱", "🐱", "🐱"]

_Documentation on _

4. `Array.every()`

Checks if all elements of an array pass the test. Or detects intruders.

const visitors   = ["🧑", "👽", "🧑", "🧑", "🤖"];const isHuman    = e => e === "🧑";const onlyHumans = visitors.every(isHuman);// console.log(onlyHumans);// false

5. `Array.fill()`

Replaces the elements of an array from start to end index with a given value. Or grows some trees.

let seeds = ["🌱", "🌱", "🌱", "🌱", "🌱"];seeds.fill("🌳", 1, 4);// console.log(seeds);// ["🌱", "🌳", "🌳", "🌳", "🌱"]

6. `Array.filter()`

Creates a new array containing all elements passing the test. Or predicts your relationship status.

const guests  = ["👩👨", "👩👩", "👨", "👩", "👨👨"];const singles = guests.filter(g => g.length/2 === 1); // *// console.log(singles);// ["👨", "👩"]

7. `Array.flat()`

Creates a new array containing all elements from all sub-arrays up to a given depth. Or cracks any safe.

const savings = ["💵", ["💵", "💵"], ["💵", "💵"], [[["💰"]]]];const loot    = savings.flat(3)// console.log(loot);// ["💵", "💵", "💵", "💵", "💵", "💰"];

8. `Array.includes()`

Checks if an array contains a specific element. Or finds the secret sweet tooth.

const food   = ["🥦", "🥬", "🍅", "🥒", "🍩", "🥕"];const caught = food.includes("🍩");// console.log(caught);// true

9. `Array.join()`

Concatenates all array elements to one single string, using an optional separator. Or builds local area networks.

const devices = ["💻", "🖥️", "🖥️", "💻", "🖨️"];const network = devices.join("〰️");// console.log(network);// "💻〰️🖥️〰️🖥️〰️💻〰️🖨️"

10. `Array.map()`

Calls a function on each array element and returns the result as new array. Or feeds all hungry monkeys.

const hungryMonkeys = ["🐒", "🦍", "🦧"];const feededMonkeys = hungryMonkeys.map(m => m + "🍌");// console.log(feededMonkeys);// ["🐒🍌", "🦍🍌", "🦧🍌"]

11. `Array.reverse()`

Reverses the order of elements in an array. Or decides the outcome of a race.

let   rabbitWins   = ["🐇", "🦔"];const hedgehogWins = rabbitWins.reverse();// console.log(hedgehogWins);// ["🦔", "🐇"]

Note that this method is destructive, it modifies the original array. So after line 2 of this example rabbitWins and hedgehogWins both have the value ["🦔", "🐇"]

12. `Array.slice()`

Creates a new array from copying a portion of an array defined by start and end index. Or cheats in an exam.

const solutionsOfClassmates = ["📃", "📑", "📄", "📝"];const myOwnSolutionReally   = solutionsOfClassmates.slice(2, 3);// console.log(myOwnSolutionReally);// ["📄"]

13. `Array.some()`

Tests if at least one element of an array passes the test. Or finds if some participants of your meeting forgot to mute their mic.

const participants = ["🔇", "🔇", "🔊", "🔇", "🔊"];const isLoud       = p => p === "🔊";const troubles     = participants.some(isLoud);// console.log(troubles);// true

14. `Array.sort()`

Sorts all elements of an array. Or organizes your bookshelf again.

let books = ["📕", "📗", "📕", "📒", "📗", "📒"];books.sort();// console.log(books);// ["📒", "📒", "📕", "📕", "📗", "📗"]

15. `Array.splice()`

Removes, replaces or adds elements to an array. Or changes the weather.

let weather = ["☁️", "🌧️", "☁️"];weather.splice(1, 2, "☀️");// console.log(weather);// ["☁️", "☀️"]

16. `Array.unshift()`

Adds one or more elements to the beginning of an array. Or couples a loco.

let train = ["🚃", "🚃", "🚃", "🚃"];train.unshift("🚂");// console.log(train);// ["🚂", "🚃", "🚃", "🚃", "🚃"]

PreviousRefactor

Last updated 3 years ago

Was this helpful?

1. Array.push()

2. Array.from()

3. Array.concat()

4. Array.every()

5. Array.fill()

6. Array.filter()

7. Array.flat()

8. Array.includes()

9. Array.join()

10. Array.map()

11. Array.reverse()

12. Array.slice()

13. Array.some()

14. Array.sort()

15. Array.splice()

16. Array.unshift()

1. Array.push()

2. Array.from()

3. Array.concat()

4. Array.every()

5. Array.fill()

6. Array.filter()

7. Array.flat()

8. Array.includes()

9. Array.join()

10. Array.map()

11. Array.reverse()

12. Array.slice()

13. Array.some()

14. Array.sort()

15. Array.splice()

16. Array.unshift()

1. `Array.push()`

2. `Array.from()`

3. `Array.concat()`

4. `Array.every()`

5. `Array.fill()`

6. `Array.filter()`

7. `Array.flat()`

8. `Array.includes()`

9. `Array.join()`

10. `Array.map()`

11. `Array.reverse()`

12. `Array.slice()`

13. `Array.some()`

14. `Array.sort()`

15. `Array.splice()`

16. `Array.unshift()`

1. `Array.push()`

2. `Array.from()`

3. `Array.concat()`

4. `Array.every()`

5. `Array.fill()`

6. `Array.filter()`

7. `Array.flat()`

8. `Array.includes()`

9. `Array.join()`

10. `Array.map()`

11. `Array.reverse()`

12. `Array.slice()`

13. `Array.some()`

14. `Array.sort()`

15. `Array.splice()`

16. `Array.unshift()`