Массивы в JavaScript: визуализация методов с эмодзи

Массивы — это фундаментальная часть JavaScript, и они обладают множеством полезных методов. Однако для начинающих разработчиков может быть сложно понять, что именно делает каждый из них. Чтобы сделать обучение более увлекательным и понятным, мы будем визуализировать методы массивов с помощью эмодзи. Вы можете экспериментировать с приведенными примерами прямо в консоли вашего браузера. 🤓

ARRAY.PUSH()

Описание: Добавляет один или несколько элементов в конец массива.

Эмодзи: Добавляем животных на ферму

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

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

const wild = "🐻🐯🦁";
const tamed = Array.from(wild);

console.log(tamed);
// ["🐻", "🐯", "🦁"]

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

console.log(pets);
// ["🐶", "🐶", "🐱", "🐱", "🐱"]

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

console.log(onlyHumans);
// false

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

console.log(seeds);
// ["🌱", "🌳", "🌳", "🌳", "🌱"]

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

console.log(singles);
// ["👨", "👩"]

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

console.log(loot);
// ["💵", "💵", "💵", "💵", "💵", "💰"]

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

console.log(caught);
// true

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

console.log(network);
// "💻〰️🖥️〰️🖥️〰️💻〰️🖨️"

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

console.log(feededMonkeys);
// ["🐒🍌", "🦍🍌", "🦧🍌"]

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

console.log(hedgehogWins);
// ["🦔", "🐇"]

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

console.log(myOwnSolutionReally);
// ["📄"]

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

console.log(troubles);
// true

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

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

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

console.log(weather);
// ["☁️", "☀️"]

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

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