В этой статье мы будем обсуждать различные функциональные возможности, предлагаемые 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”