Рубрики
Без рубрики

Работа массива с JavaScript

В этой статье мы будем обсуждать различные функциональные возможности, предлагаемые JavaScript для массивов …. Помечено JavaScript, Array, CodeNewbie, 100Дасофкод.

В этой статье мы будем обсуждать различные функциональные возможности, предлагаемые JavaScript для массивов. Мы начнем с основных функций JavaScript вместе с добавленными новыми функциями ES6. Так что это почти лето И я думаю, что фрукты будут лучшее имя массива, чтобы начать наши эксперименты.

Примечание. Написание этой статьи служить цели быстрой версии путем большинства функций массива, предлагаемых JavaScript.

Декларация массива

let fruits = ["mango","apple"];
console.log(fruits);
//Output :[ 'mango', 'apple' ]

Длина массива

let fruits = ["mango","apple"];
console.log(fruits.length);
//Output : 2 

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

fruits.push("watermelon");
console.log(fruits);
//Output : [ 'mango', 'apple', 'watermelon' ]

Удаление элемента с конца массива

fruits.pop();
console.log(fruits);
//Output: [ 'mango', 'apple' ]

Удаление элемента с начала массива

fruits.shift();
console.log(fruits);
//Output: [ 'apple' ]

Добавление элемента в начале массива

fruits.unshift("banana");
console.log(fruits);
//Output: [ 'banana', 'apple' ]

Массив нарезки на части

numbers = [12,31,23,76,3,9,45,2];
let fristTwo = numbers.slice(0,2);
console.log(fristTwo)
//Output: [12, 31]

Сортировать числовой массив

numbers = [12,31,23,76,3,9,45,2];
console.log("Original Array: " + numbers)
let numberSort = numbers.sort((a,b) => { return a-b })
// return b-a for decending order
console.log("Sorted Array: " + numberSort)
/*Output:
Original Array: 12,31,23,76,3,9,45,2
Sorted Array: 2,3,9,12,23,31,45,76 */

Сортировать массив в алфавитном порядке

fruits = ["mango","apple","watermelon","banana"]
let fruitSort = fruits.sort()
console.log(fruitSort)
//Output: [ 'apple', 'banana', 'mango', 'watermelon' ]

Массив обращения

fruits = ["mango","apple","watermelon","banana"]
fruits.reverse()
console.log(fruits);
//Output: [ 'banana', 'watermelon', 'apple', 'mango' ]

Итерация массива

Зацикливаться через массив с помощью Foreach

fruits = ["mango","apple","watermelon","banana"]
fruits.forEach((fruit,index) => {
console.log(`${fruit} is at index ${index} in the array`)
})
/*Output:
mango is at index 0 in the array
apple is at index 1 in the array
watermelon is at index 2 in the array
banana is at index 3 in the array */

Массив фильтрации в соответствии с требованием

let numbers = [12,31,23,76,3,9,45,2];
let evennumber = numbers.filter(number => number%2==0)
console.log('Original Array: ' + numbers)
console.log('Filtered Array: ' + evennumber)
/*Output:
Original Array: 12,31,23,76,3,9,45,2
Filtered Array: 12,76,2 */

Изменение массива в соответствии с требованиями

let numbers = [12,31,23,76,3,9,45,2];
let timeTwo = numbers.map(number => number*2)
console.log('Original Array: ' + numbers)
console.log('Modified Array: ' + timeTwo)
/*Output:
Original Array: 12,31,23,76,3,9,45,2
Modified Array: 24,62,46,152,6,18,90,4 */

Массив в строку

fruits = [ "apple", "banana", "mango", "watermelon" ]
console.log(fruits.toString)
//Output: apple,banana,mango,watermelon

Согласие двух массив

let fruits = ["apple","mango","banana"]
let veggies = ["potato","onion","spinach"]
let food = fruits.concat(veggies);
console.log(food)
//Output: [ 'apple', 'mango', 'banana', 'potato', 'onion', 'spinach' ]

Быть в ближайшее время обновлено с некоторыми дополнительными функциональными возможностями массива

Оригинал: “https://dev.to/thehumzahasan/array-operation-with-javascript-3bc”