Основы JavaScript: используйте .push, .pop, .shift и .unshift, чтобы манипулировать массивами

Одна из первых вещей, которые вы, вероятно, научитесь делать в JavaScript, это использование и манипулировать массивами на самом базовом уровне. Эта статья быстро пройдет четырех методов, которые вы будете использовать.

1. ТОЛКАТЬ

Мы используем. Когда мы хотим Добавьте что-нибудь до конца массива. Этот метод позволяет нам Добавьте одно или много предметов до конца массива. Метод push Возвращает новую длину массива.

Добавление одного элемента до конца массива

let numbers = [1,2,3,4]
numbers.push(5)

console.log(numbers) // [1,2,3,4,5] 

Добавив более одного элемента до конца массива

let numbers = [1,2,3,4]
numbers.push(5,6,7,8)

console.log(numbers) // [1,2,3,4,5,6,7,8]

Используя. Пошну возвращаемой стоимостью

let letters = ["a","b","c","d"]
console.log(letters.length) // 4

let newLength = letters.push("e")
console.log(newLength) // 5
console.log(letters) // ["a","b","c","d", "e"]
console.log(letters.length) // 5

2. Поп

Мы используем .pop Когда мы хотим Удалите что-нибудь с конца массива. Метод .pop возвращает предмет, который был удален . Если массив пуст, он вернется undefined.

let fruits = ["🍏", "🍊", "🍌"]

fruits.pop() // "🍌"
console.log(fruits) // ["🍏", "🍊"]

fruits.pop() // "🍊"
console.log(fruits) // ["🍏"]

fruits.pop() // "🍏"
console.log(fruits) // []

fruits.pop() // undefined
console.log(fruits) // []

3. Невысокий

Мы используем .unshift, когда мы хотим Добавьте что-нибудь в начало массива. Этот метод позволяет нам Добавьте одно или много предметов к началу массива. Метод .unshift Возвращает новую длину массива.

Добавление одного предмета в начало массива

let numbers = [2,3,4]
numbers.unshift(1)

console.log(numbers) // [1,2,3,4] 

Добавление более одного пункта в начало массива

let numbers = [4,5,6,7,8]
numbers.unshift(1,2,3)

console.log(numbers) // [1,2,3,4,5,6,7,8]

Использование возвращаемого значения .unshift

let letters = ["b","c","d","e"]
console.log(letters.length) // 4

let newLength = letters.unshift("a")
console.log(newLength) // 5
console.log(letters) // ["a","b","c","d", "e"]
console.log(letters.length) // 5

4. СДВИГ

Мы используем .shift, когда мы хотим Удалите что-нибудь с самого начала массива. Метод .shift возвращает предмет, который был удален . Если массив пуст, он вернется undefined.

let fruits = ["🍏", "🍊", "🍌"]

fruits.shift() // "🍏"
console.log(fruits) // ["🍊", "🍌"]

fruits.shift() // "🍊"
console.log(fruits) // ["🍌"]

fruits.shift() // "🍌"
console.log(fruits) // []

fruits.shift() // undefined
console.log(fruits) // []

Это всего 4 из основных методов массива, которые вы можете использовать при манипулирующих массивах в JavaScript – см. MDN для получения дополнительных методов массива.

Как всегда, обратитесь к MDN для получения дополнительной информации: . купить: https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/array/push .pop: https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/array/pop .unshift: https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/array/unshift .сдвиг: https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/array/shift.

Не стесняйтесь протянуть любую из моих социальных вопросов, обратной связи (хорошо и плохо) или просто подключаться/сказать привет 👋.

Оригинал: “https://dev.to/antdp425/javascript-basics-use-push-pop-shift-and-unshift-to-manipulate-arrays-48ab”