JavaScript [Array] Методы

Свойство Array.Prototype представляет прототип для конструктора массива. Экземпляры массива наследуют от Array.prototype. Как и во всех конструкторах, вы можете изменить объект прототипа конструктора, чтобы внести изменения во все экземпляры массива.

Array.Prototype.Concat:

var array_1 = [1, 2, 3];
var array_2 = ['apple','orange','pear'];
var a1 = array_1.concat(array_2)

console.log("combined array :",a1);
>[1, 2, 3, 'apple', 'orange', 'pear']

Array.prototype.join:

var array = ['Pranava', 'Swaroop', 'Balugari'];
var a1 = array.join(' ');
var a2 = array.join('-');
var a3 = array.join();

console.log("joined array with a space :",a1);
console.log("joined array with a hyphen :",a2);
console.log("joined array without delimiter:",a3);
>'Pranava Swaroop Balugari'
>'Pranava-Swaroop-Balugari'
>'Pranava,Swaroop,Balugari'

Array.Prototype. Индекс чего-либо:

Метод indexOf () возвращает первый индекс, при котором данный элемент можно найти в массиве или -1, если он отсутствует.

// Check for any occurrence of "gorilla" in an array.
var arr = ['apple', 'gorilla','orange','banana'];

console.log("Orange found:", arr.indexOf("gorilla") != -1);  # true
console.log("Orange found:", arr.indexOf("mango") != -1);    # false

Возвращает последний (самый большой) индекс элемента в массиве, равном указанному значению, или -1, если никто не найден.

// Check for any occurrence of "gorilla" in an array.
var arr = ['apple', 'gorilla','gorilla','banana'];

console.log("Gorilla found at:", arr.lastIndexOf("gorilla"));  # 2
console.log("Mango found:", arr.indexOf("mango") != -1);    # -1

Array.prototype.every

Каждый () метод тестирует, все ли элементы в массиве проходят тест, реализованный предоставленной функцией.

function isNumGreaterThanTen(element, index, array) {
  return element >= 10;
}
[12, 5, 8, 130, 44].every(isNumGreaterThanTen);   // false
[12, 54, 18, 130, 44].every(isNumGreaterThanTen); // true

Array.Prototype .some:

Возвращает true, если хотя бы один элемент в этом массиве удовлетворяет предоставленной функции тестирования.

function isNumEven(element, array) {
  return (element % 2) === 0;
}
[199, 5, 9, 13, 45].every(isNumEven);   // false
[12, 54, 18, 130, 44].every(isNumEven); // true

Array.prototype.foreach.

Вызывает функцию для каждого элемента в массиве.

function logArrayElements(element, index, array) {
  console.log('a[' + index + '] = ' + element);
}

[2, 5, 9].forEach(logArrayElements);
// logs:
> a[0] = 2
> a[1] = 5
> a[2] = 9

Array.prototype.map

Создает новый массив с результатами вызова предоставленной функции на каждом элементе в этом массиве.

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
> roots is now [1, 2, 3], numbers is still [1, 4, 9]

Array.Prototype.Filter.

Метод FILTER () создает новый массив со всеми элементами, которые проходят тест, реализованный предоставленной функцией.

function isNumEven(value) {
  return value % 2 === 0;
}
var filtered = [12, 5, 8, 130, 44].filter(isNumEven);
> filtered is [12,8, 130, 44]

Array.prototype.recuce

Метод уменьшения () применяет функцию против аккумулятора и каждого значения массива

# Accumulator
var total = [0, 1, 2, 3].reduce(function(a, b) {
  return a + b;
});
// total == 6
# Flatten arrays
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
  return a.concat(b);
}, []);
> flattened is [0, 1, 2, 3, 4, 5]

Array.prototype.slice

Метод Slice () возвращает неглубокую копию части массива в новый объект массива.

// Using slice, create newCar from myCar.
var myHonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } };
var myCar = [myHonda, 2, 'cherry condition', 'purchased 1997'];
var newCar = myCar.slice(0, 2);


// Display the values of myCar, newCar, and the color of myHonda
//  referenced from both arrays.
console.log('myCar[0].color = ' + myCar[0].color);
console.log('newCar[0].color = ' + newCar[0].color);

// Change the color of myHonda.
myHonda.color = 'purple';
console.log('The new color of my Honda is ' + myHonda.color);

// Display the color of myHonda referenced from both arrays.
console.log('myCar[0].color = ' + myCar[0].color);
console.log('newCar[0].color = ' + newCar[0].color);

Вывод:

Это не то. Существует больше методов мутатора, аксессуаров и итератора в экземплярах массива, чем упомянутые выше. Я уверен, что разработчики не будут использовать море методов, доступных на объекте массива ежедневно. Всегда приятно учиться и понимать, как они работают с примерами. Документация Mozilla Developer JS поможет вам добиться этого.

Я буду признателен за конструктивную обратную связь о статье. Пожалуйста, поделитесь интересными и важными методами утилиты JS и справочные примеры вашего опыта.

Спасибо:)

Оригинал: “https://dev.to/elitenomad/javascript-array-methods-42dj”