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

JavaScript Стандартные объекты: массивы

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

Автор оригинала: FreeCodeCamp Community Member.

Конечно, вы слышали, что в JavaScript все является объектом. Строки, цифры, функции, массивы и, ну, объекты считаются объектами.

В этом руководстве мы возьмем глубокий погружение в Массив «Глобальный» или «стандартный встроенный» объект, а также методы, связанные с ним.

Что такое массив?

В JavaScript массив – это список подобных списком объект, который хранит запятые значения. Эти значения могут быть что-то – строки, цифры, объекты или даже функции.

Массивы начнут с открывающегося кронштейна ( [ ) и заканчивают закрывающим кронштейном ( ] ), используйте цифры в качестве индексов элементов.

Как создать массив:

const shoppingList = ['Bread', 'Cheese', 'Apples'];

Доступ к значению в массиве с обозначением кронштейна

const shoppingList = ['Bread', 'Cheese', 'Apples'];

console.log(shoppingList[1])
// Cheese

Стандартный объект Array имеет ряд полезных методов, некоторые из которых перечислены ниже.

Array.Prototype.isarray ()

Array.isarray () Метод возвращает правда Если объект является массивом, ложь Если это не так.

Синтаксис

Array.isArray(obj)

Параметры

obj Объект должен быть проверен.

Примеры .isarray ()

// all following calls return true
Array.isArray([]);
Array.isArray([1]);
Array.isArray(new Array());
// Little known fact: Array.prototype itself is an array:
Array.isArray(Array.prototype); 

// all following calls return false
Array.isArray();
Array.isArray({});
Array.isArray(null);
Array.isArray(undefined);
Array.isArray(17);
Array.isArray('Array');
Array.isArray(true);
Array.isArray(false);
Array.isArray({ __proto__: Array.prototype });

Array.prototypee.length

Длина Это свойство массивов в JavaScript, которое возвращает или устанавливает количество элементов в данном массиве.

Длина Свойство массива можно вернуть так.

let desserts = ["Cake", "Pie", "Brownies"];
console.log(desserts.length); // 3

Оператор назначения в сочетании с Длина Свойство, можно использовать для установки, затем количество элементов в массиве вроде так.

let cars = ["Saab", "BMW", "Volvo"];
cars.length = 2;
console.log(cars.length); // 2

Array.prototype.push.

push () Метод используется для добавления одного или нескольких новых элементов в конец массива. Это также возвращает новую длину массива. Если аргументы не предоставлены аргументы, она просто вернет текущую длину массива.

Синтаксис

arr.push([element1[, ...[, elementN]]])

Параметры

  • Elementn Элементы для добавления к концу массива.

Возвращаемое значение

Новая длина массива, на которой был вызван метод.

Пример:

let myStarkFamily = ['John', 'Robb', 'Sansa', 'Bran'];

Предположим, у вас есть массив детей домика, старка из игры престолов. Однако один из членов, Арья , пропал, отсутствует. Знание кода выше, вы можете добавить ее, назначая «Арья» в массив по указателю после последнего индекса, как так:

myStarkFamily[4] = 'Arya';

Проблема с этим решением заключается в том, что она не может обрабатывать общие случаи. Если вы не знали заранее, какая длина массива, вы не можете добавлять новые элементы таким образом. Это то, что push () для. Нам не нужно знать, как долго массив. Мы просто добавляем наш элемент до конца массива.

myStarkFamily.push('Arya');
console.log(myStarkFamily);  // ['John', 'Robb', 'Sansa', 'Bran', 'Arya']

let newLength = myStarkFamily.push('Rickon');  // oops! forgot Rickon
console.log(newLength);  // 6
console.log(myStarkFamily);  // ['John', 'Robb', 'Sansa', 'Bran', 'Arya', 'Rickon']

Array.Prototype.Reverse

Метод массива JavaScript .Reverse () отменит порядок элементов в массиве.

Синтаксис

  let array = [1, 2, 3, 4, 5];
  array.reverse();

Описание

.Reverse () Переверняет индекс элементов массива.

Примеры

Использовать .обеспечить регресс() Чтобы изменить элементы массива

  let array = [1, 2, 3, 4, 5];
  console.log(array);
  // Console will output 1, 2, 3, 4, 5

  array.reverse();

  console.log(array);
  /* Console will output 5, 4, 3, 2, 1 and
  the variable array now contains the set [5, 4, 3, 2, 1] */

Array.Prototyee.indexof.indexof.

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

indexof () Принимает элемент, который вы хотите найти в качестве параметра, итерации с помощью элементов в массиве и возвращает первый индекс, в котором можно найти элемент. Если элемент не находится в массиве, Индекс Возвращает -1.

Синтаксис

  arr.indexOf(searchElement[, fromIndex])

Параметры

  • Поиск : Элемент, который вы ищете.
  • Frientexex (Необязательно): индекс, на котором вы хотите начать поиск. Если Frientexex больше или равно длине массива, массив не искал, и метод возвращает -1. Если FOREINDEX является отрицательным числом, он считал смещение с конца массива (массив все еще искал вперед оттуда). Значение по умолчанию равно 0, что означает, что весь массив ищется.
  • Индекс массива, который вы хотите начать поисковую форму. Значение по умолчанию равно 0, то есть поиск начинается с первого индекса массива. Если Frientexex больше или равно длине массива, то метод не ищет массив и возвращает -1.

Примеры

var array = [1, 2, 4, 1, 7]

array.indexOf(1); // 0
array.indexOf(7); // 4
array.indexOf(6); // -1
array.indexOf('1'); // -1
array.indexOf('hello'); // -1
array.indexOf(1, 2); // 3
array.indexOf(1, -3); // 3

Array.prototype.findindex.

Findindex () Метод проходит через массив и тестирует каждый элемент к функции тестирования, которая передается в качестве параметра. Он возвращает индекс первого элемента массива, который возвращает True против функций тестирования. Если никаких элементов возвращается правда, Findindex () Возвращает -1.

Обратите внимание, что Findindex () не мутирует массив, который он вызывается.

Синтаксис

arr.findIndex(callback(element, index, array), [thisArg])
Параметры

Обратный вызов : Функция для выполнения на каждом значении в массиве, которое занимает три аргумента:

  • элемент : Текущий элемент обрабатывается в массиве.
  • индекс : Индекс текущего элемента обрабатывается в массиве.
  • массив : Array Findindex () был призван.

thisarg (Необязательно): объект для использования AS это При выполнении функции обратного вызова.

Примеры

Этот пример найдет соответствующий элемент в массиве и возвращает от него индекс.

let items = [
    {name: 'books', quantity: 2},
    {name: 'movies', quantity: 1},
    {name: 'games', quantity: 5}
];

function findMovies(item) { 
    return item.name === 'movies';
}

console.log(items.findIndex(findMovies));

// Index of 2nd element in the Array is returned,
// so this will result in '1'

В следующем примере показан выход каждого необязательного параметра к функции обратного вызова. Это вернет -1 Потому что ни один из предметов не вернется от функции обратного вызова.

function showInfo(element, index, array) {
  console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
  return false;
}

console.log('return = ' + [4, 6, 8, 12].findIndex(showInfo));

// Output
//  element = 4, index = 0, array = 4,6,8,12
//  element = 6, index = 1, array = 4,6,8,12
//  element = 8, index = 2, array = 4,6,8,12
//  element = 12, index = 3, array = 4,6,8,12
//  return = -1

Array.Prototype.find.

Найти () Метод проходит через массив и тестирует каждый элемент к функции тестирования, которая передается в качестве параметра. Он возвращает значение первого элемента массива, который возвращает True против функций тестирования. Если никаких элементов возвращается правда, Найти () Возвращает undefined Отказ

Обратите внимание, что Найти () не мутирует массив, который он вызывается.

Синтаксис

arr.find(callback(element, index, array), [thisArg])
Параметры

Обратный вызов Функция для выполнения на каждом значении в массиве. Требуется три аргумента:

  • элемент : Текущий элемент обрабатывается в массиве.
  • индекс : Индекс текущего элемента обрабатывается в массиве.
  • массив : Найдет массив.

thisarg (Необязательно): объект для использования AS это При выполнении функции обратного вызова.

Примеры

Этот пример найдет соответствующий элемент в массиве и возвращает от него объект.

let items = [
    {name: 'books', quantity: 2},
    {name: 'movies', quantity: 1},
    {name: 'games', quantity: 5}
];

function findMovies(item) { 
    return item.name === 'movies';
}

console.log(items.find(findMovies));

// Output
//  { name: 'movies', quantity: 1 }

В следующем примере показан выход каждого необязательного параметра к функции обратного вызова. Это вернет undefined Потому что ни один из предметов не вернется от функции обратного вызова.

function showInfo(element, index, array) {
  console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
  return false;
}

console.log('return = ' + [4, 6, 8, 12].find(showInfo));

// Output
//  element = 4, index = 0, array = 4,6,8,12
//  element = 6, index = 1, array = 4,6,8,12
//  element = 8, index = 2, array = 4,6,8,12
//  element = 12, index = 3, array = 4,6,8,12
//  return = undefined

Array.prototype.join.

Метод массива JavaScript .join () будет объединять все элементы массива в одну строку.

Синтаксис

  const array = ["Lorem", "Ipsum", "Dolor", "Sit"];
  const str = array.join([separator]);

Параметры

разделитель По желанию. Указывает строку для использования для отделения каждого элемента исходного массива. Если сепаратор не является строкой, он будет преобразован в строку. Если параметр сепаратора не указан, элементы массива отделяются запятой по умолчанию. Если сепаратор является пустой строкой "" Все элементы массива присоединяются без разделительного символа между ними.

Описание

.join () Присоединяется к всем элементам массива в одну строку. Если какой-либо из элементов массива есть undefined или null этот элемент преобразуется в пустую строку "" Отказ

Примеры

С использованием .присоединиться() четыре разных способа

const array = ["Lorem", "Ipsum", "Dolor" ,"Sit"];

const join1 = array.join();           /* assigns "Lorem,Ipsum,Dolor,Sit" to join1 variable
                                     (because no separator was provided .join()
                                     defaulted to using a comma) */
const join2 = array.join(", ");       // assigns "Lorem, Ipsum, Dolor, Sit" to join2 variable
const join3 = array.join(" + ");      // assigns "Lorem + Ipsum + Dolor + Sit" to join3 variable
const join4 = array.join("");         // assigns "LoremIpsumDolorSit" to join4 variable

Array.Prototype.Concat.

.concat () Метод возвращает новый массив, состоящий из элементов массива, на котором вы его называете, за которым следует элементы аргументов в порядке их передачи.

Вы можете передать несколько аргументов для .concat () метод. Аргументы могут быть массивами или типами данных, такие как логические, строки и цифры.

Синтаксис

const newArray = array.concat(value1, value2, value3...);

Примеры

Объединение двух массивов

const cold = ['Blue', 'Green', 'Purple'];
const warm = ['Red', 'Orange', 'Yellow'];

const result = cold.concat(warm);

console.log(result);
// results in ['Blue', 'Green', 'Purple', 'Red', 'Orange', 'Yellow'];

Объединение ценности для массива

const odd = [1, 3, 5, 7, 9];
const even = [0, 2, 4, 6, 8];

const oddAndEvenAndTen = odd.concat(even, 10);

console.log(oddAndEvenAndTen);
// results in [1, 3, 5, 7, 9, 0, 2, 4, 6, 8, 10];

Array.Prototype.slice

Метод массива JavaScript .slice () вернет новый объект массива, который будет сегментом (ломтик) исходного массива. Оригинальный массив не изменен.

Синтаксис

  array.slice()
  arr.slice(startIndex)
  arr.slice(startIndex, endIndex)

Параметры

  • startindex Индекс на основе нуля, где начнется ломтик. Если значение опущено, он начнется с 0.
  • Endindex Ломтик закончится до этот нулевой индекс. Отрицательный индекс используется для смещения с конца массива. Если значение опущено, сегмент будет нарезать до конца массива.

Примеры

  const array = ['books', 'games', 'cup', 'sandwich', 'bag', 'phone', 'cactus']
  
  const everything = array.slice()
  // everything = ['books', 'games', 'cup', 'sandwich', 'bag', 'phone', 'cactus']
  
  const kitchen = array.slice(2, 4)
  // kitchen = ['cup', 'sandwich']
  
  const random = array.slice(4)
  // random = ['bag', 'phone', 'cactus']
  
  const noPlants = array.slice(0, -1)
  // noPlats = ['books', 'games', 'cup', 'sandwich', 'bag', 'phone']
  
  // array will still equal ['books', 'games', 'cup', 'sandwich', 'bag', 'phone', 'cactus']

Array.Prototype.splice.

Метод Splice похож на Array.prototypee.slice , но в отличие от ломтик () Это мутирует массив, на котором он называется. Он также отличается тем, что его можно использовать для добавления значений в массив, а также удалить их.

Параметры

Сращивание () может принимать один или несколько параметров, подробно описанных ниже.

Сращивание (начало)

Если только один параметр включен, то Сращивание (начать) удалит все элементы массива из Начать до конца массива.

let exampleArray = ['first', 'second', 'third', 'fourth'];
exampleArray.splice(2);
// exampleArray is now ['first', 'second'];

Если Начать негативно, он будет рассчитываться от конца массива.

let exampleArray = ['first', 'second', 'third', 'fourth'];
exampleArray.splice(-1);
// exampleArray is now ['first', 'second', 'third'];

Сращивание (запуск, исключить)

Если второй параметр включен, то Сращивание (запуск, выделение) удалит Deletecount Элементы из массива, начиная с Начать Отказ

let exampleArray = ['first', 'second', 'third', 'fourth'];
exampleArray.splice(1, 2);
// exampleArray is now ['first', 'fourth'];

Сращивание (запуск, исключить, NewElement1, NewElement2, …)

Если включены более двух параметров, дополнительные параметры будут новые элементы, которые добавляются в массив. Расположение этих добавленных элементов будет начнется в Начать Отказ

Элементы могут быть добавлены без удаления любых элементов, пройдя 0 как второй параметр.

let exampleArray = ['first', 'second', 'third', 'fourth'];
exampleArray.splice(1, 0, 'new 1', 'new 2');
// exampleArray is now ['first', 'new 1', 'new 2', 'second', 'third', 'fourth']

Элементы также могут быть заменены.

let exampleArray = ['first', 'second', 'third', 'fourth'];
exampleArray.splice(1, 2, 'new second', 'new third');
// exampleArray is now ['first', 'new second', 'new third', 'fourth']

Возвращаемое значение

В дополнение к изменению массива, которое оно вызывается, Сращивание () Также возвращает массив, содержащий удаленные значения. Это способ разрезать массив на две разные массивы.

let exampleArray = ['first', 'second', 'third', 'fourth'];
let newArray = exampleArray.splice(1, 2);
// exampleArray is now ['first', 'fourth']
// newArray is ['second', 'third']

Array.Prototype.Filter.

Метод фильтра принимает массив в качестве ввода. Требуется каждый элемент в массиве, и он применяет условное утверждение против него. Если это условное возвращает true, элемент получает «нажатой» на выходной массив.

Как только каждый элемент в входном массиве «отфильтрован» как таковой, он выводит новый массив, содержащий каждый элемент, который вернул true.

В этом примере ниже существует массив, который имеет несколько объектов внутри него. Обычно, чтобы повторить этот массив, вы можете использовать A для цикла.

В этом случае мы хотим получить все студенты, чьи оценки больше или равны 90.

const students = [
  { name: 'Quincy', grade: 96 },
  { name: 'Jason', grade: 84 },
  { name: 'Alexis', grade: 100 },
  { name: 'Sam', grade: 65 },
  { name: 'Katie', grade: 90 }
];
//Define an array to push student objects to.
let studentsGrades = []
for (var i = 0; i < students.length; i++) {
  //Check if grade is greater than 90
  if (students[i].grade >= 90) {
    //Add a student to the studentsGrades array.
    studentsGrades.push(students[i])
  }
}

console.log(studentsGrades); // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]

Это для цикла работает, но это довольно длинно. Он также может стать утомительным, чтобы снова написать для петель и снова для многих массивов, которые вам нужно повторять.

Это отличное использование для фильтра!

Вот тот же пример, используя фильтр:

const students = [
  { name: 'Quincy', grade: 96 },
  { name: 'Jason', grade: 84 },
  { name: 'Alexis', grade: 100 },
  { name: 'Sam', grade: 65 },
  { name: 'Katie', grade: 90 }
];

const studentGrades = students.filter(function (student) {
  //This tests if student.grade is greater than or equal to 90. It returns the "student" object if this conditional is met.
  return student.grade >= 90;
});

console.log(studentGrades); // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]

Метод фильтра намного быстрее писать и очистить, чтобы прочитать, все еще выполняя одно и то же. Использование синтаксиса ES6 мы можем даже реплицировать 6-линейную петлю с фильтром:

const students = [
  { name: 'Quincy', grade: 96 },
  { name: 'Jason', grade: 84 },
  { name: 'Alexis', grade: 100 },
  { name: 'Sam', grade: 65 },
  { name: 'Katie', grade: 90 }
];

const studentGrades = students.filter(student => student.grade >= 90);
console.log(studentGrades); // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]

Фильтр очень полезен и отличный выбор для петлей для фильтровальных массивов против условных операторов.

Array.Prototype .Foreach.

.Foreach () Метод массива используется для повторения каждого элемента в массиве. Способ вызывается объектом массива и передается функция, которая вызывается на каждом элементе в массиве.

let arr = [1, 2, 3, 4, 5];

arr.forEach(number => console.log(number * 2));

// 2
// 4
// 6
// 8
// 10

Функция обратного вызова также может предпринять второй параметр индекса в том случае, если вам нужно ссылаться на индекс текущего элемента в массиве.

let arr = [1, 2, 3, 4, 5];

arr.forEach((number, i) => console.log(`${number} is at index ${i}`));

// '1 is at index 0'
// '2 is at index 1'
// '3 is at index 2'
// '4 is at index 3'
// '5 is at index 4'

Array.prototype.reduce

Уменьшить () Способ уменьшает массив значений вниз до одного значения. Он назывался швейцарским армейским ножом или мульти-инструментом методов преобразования массива. Другие, такие как карта () и Фильтр () Обеспечить более специфические преобразования, тогда как Уменьшить () Может использоваться для преобразования массивов в любой желаемый вами вывод.

Синтаксис

arr.reduce(callback[, initialValue])

Обратный вызов Аргумент – это функция, которая будет вызываться один раз для каждого элемента в массиве. Эта функция принимает четыре аргумента, но часто используются только первые два.

  • Аккумулятор – возвращенное значение предыдущей итерации
  • CurrentValue – текущий элемент в массиве
  • индекс – индекс текущего элемента
  • массив – оригинальный массив, на котором было вызвано
  • InitiveValue аргумент не является обязательным. Если при условии, что он будет использоваться в качестве начального значения аккумулятора в первом вызове функции обратного вызова (см. Пример 2 ниже).

Пример 1.

Превратите массив целых чисел в сумму всех целых чисел в массиве.

const numbers = [1,2,3]; 
const sum = numbers.reduce(function(total, current){
    return total + current;
});
console.log(sum);

Это будет выводить 6 к консоли.

Пример 2.

Превратите массив строк в один объект, который показывает, сколько раз каждая строка появляется в массиве. Обратите внимание на этот вызов, чтобы уменьшить пропустить пустой объект {} Как InitiveValue параметр. Это будет использоваться в качестве начального значения аккумулятора (первый аргумент), переданный функции обратного вызова.

const pets = ['dog', 'chicken', 'cat', 'dog', 'chicken', 'chicken', 'rabbit'];

const petCounts = pets.reduce(function(obj, pet){
    if (!obj[pet]) {
        obj[pet] = 1;
    } else {
        obj[pet]++;
    }
    return obj;
}, {});

console.log(petCounts);

Выход:

 { 
    dog: 2, 
    chicken: 3, 
    cat: 1, 
    rabbit: 1 
 }

Array.prototype.sort.

Этот метод сортирует элементы массива на месте и возвращает массив.

Сортировать () Метод следует за ASCII Заказать !

let myArray = ['#', '!'];
let sortedArray = myArray.sort();   // ['!', '#'] because in the ASCII table "!" is before "#"

myArray = ['a', 'c', 'b'];
console.log(myArray.sort()); // ['a', 'b', 'c']
console.log(myArray) // ['a', 'b', 'c']

myArray = ['b', 'a', 'aa'];
console.log(myArray.sort());   // ['a', 'aa', 'b']

myArray = [1, 2, 13, 23];
console.log(myArray.sort());   // [1, 13, 2, 23] numbers are treated like strings!

Расширенное использование

Сортировать () Метод также может принять параметр: Array.sort (по сравнению)

Например

function compare(a, b){
  if (a < b){return -1;}
  if (a > b){return 1;}
  if (a === b){return 0;}
}

let myArray = [1, 2, 23, 13];
console.log(myArray.sort()); // [ 1, 13, 2, 23 ]
console.log(myArray.sort(compare));   // [ 1, 2, 13, 23 ]

myArray = [3, 4, 1, 2];
sortedArray = myArray.sort(function(a, b){.....});   // it depends from the compareFunction

Array.prototype.some ()

Метод массива JavaScript .some () сделает функцию обратного вызова для проверки каждого элемента в массиве; После возвращения обратного вызова правда Тогда .some () вернусь сразу.

Синтаксис

  var arr = [1, 2, 3, 4];
  arr.some(callback[, thisArg]);

Функция обратного вызова

Синтаксис

  var isEven = function isEven(currentElement, index, array) {
      if(currentElement % 2 === 0) {
          return true;
      } else {
          return false;
      }
  }

Смотреть вики на Арифметические операторы чтобы увидеть остаток оператора %

Имеет 3 аргумента

тока

  • Это переменная, которая представляет элемент, который передается обратным вызовам.

индекс

  • Это индексное значение текущего элемента, начиная с 0

множество

  • массив, который .some () был звон.

Функция обратного вызова должна реализовать тестовый случай.

isArg.

Необязательный параметр и дополнительная информация можно найти в [MDN

Описание

.some () Запустит функцию обратного вызова для каждого элемента в массиве. После того, как обратный вызов возвращает true, .some () вернется правда Отказ Если обратный вызов возвращает ложное значение для каждый Элемент в массиве тогда .some () Возвращает false.

.some () не изменит/мутируйте массив, который назвал его.

Примеры

Передача функции для .некоторый()

const isEven = function isEven(currentElement, index, array) {
  if(currentElement % 2 === 0) {
      return true;
  } else {
      return false;
  }
}

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.some(isEven);  // returns true
const arr2 = [1, 3, 5, 7];
arr2.some(isEven);  // returns false

Анонимная функция

const arr3 = ['Free', 'Code', 'Camp', 'The Amazing'];
arr3.some(function(curr, index, arr) {
  if (curr === 'The Amazing') {
      return true;
  } 
}); // returns true

const arr4 = [1, 2, 14, 5, 17, 9];
arr4.some(function(curr, index, arr) {
  return curr > 20;
  });  // returns false

// ES6 arrows functions
arr4.some((curr) => curr >= 14)  // returns true

Array.prototypee.every

каждый () Метод тестирует каждый, проходит ли каждый элемент в массиве предоставленного теста.

Синтаксис

  arr.every(callback[, thisArg])

Параметры

  1. Обратный вызов занимает до трех аргументов:
  • CurrentValue (обязательно) – текущий элемент в массиве.
  • индекс (Необязательно) – индекс или текущий элемент в массиве.
  • массив (Необязательно) – массив каждый метод был вызван.

2. thisarg не является обязательным. Это значение, используемое как это в обратном вызове.

Описание

каждый Метод вызывает Обратный вызов Функция один раз для каждого элемента массива, в порядке возрастания индекса, пока Обратный вызов Функция возвращает false. Если элемент, который вызывает Обратный вызов Чтобы вернуть false найден, каждый метод немедленно возвращает ложь Отказ В противном случае каждый метод возвращает правда Отказ

Функция обратного вызова не вызывается для отсутствующих элементов массива.

В дополнение к объектам массива каждый метод может использоваться любым объектом, имеющим свойство длины, и которое имеет численно индексированные имена свойств. каждый не мутирует массив, на котором он называется.

Примеры

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

  // Define the callback function.
  function CheckIfEven(value, index, ar) {
      document.write(value + " ");

      if (value % 2 == 0)
          return true;
      else
          return false;
  }

  // Create an array.
  var numbers = [2, 4, 5, 6, 8];

  // Check whether the callback function returns true for all of the
  // array values.
  if (numbers.every(CheckIfEven))
      document.write("All are even.");
  else
      document.write("Some are not even.");

  // Output:
  // 2 4 5 Some are not even.

Array.prototype.map

.map () Способ питания через данный массив и выполняет представленную функцию на каждом элементе. Он возвращает новый массив, который содержит результаты вызова функции на каждом элементе.

Примеры

Es5.

var arr = [1, 2, 3, 4];
var newArray = arr.map(function(element) { return element * 2});
console.log(newArray); // [2, 4, 6, 8]

ES6

const arr = [1, 2, 3, 4];
const newArray = arr.map(element => element * 2);
console.log(newArray);
//[2, 4, 6, 8]

Array.prototype.includes.

включает в себя () Способ определяет, включает ли массив значения. Это возвращает True или false.

Требуется два аргумента:

  1. searchvalue – элемент для поиска в массиве.
  2. Frientexex – Положение в массиве, чтобы начать поиск для ProiveDed searchvalue Отказ Если отрицательное значение поставляется, он начинается с длины массива минус отрицательное значение.

Пример

const a = [1, 2, 3];
a.includes(2); // true 
a.includes(4); // false

Array.prototype.tolocaleString.

Толокалинг () Способ возвращает строку, представляющую элементы массива. Все элементы преобразуются в строки, используя их методы толокалестров. Результат вызова этой функции предназначен для определения локали.

Синтаксис:
arr.toLocaleString();
Параметры
  • локалики (Необязательно) – аргумент удерживания либо строки, либо на массиве языковых тегов BCP 47 Языковой тег Отказ
  • Варианты (Необязательно) – объект с свойствами конфигурации
Возвращаемое значение

Строка, представляющая элементы массива, разделенной лейдарной строкой (такой как запятая »,”)

Примеры

const number = 12345;
const date = new Date();
const myArray = [number, date, 'foo'];
const myString = myArray.toLocaleString(); 

console.log(myString); 
// OUTPUT '12345,10/25/2017, 4:20:02 PM,foo'

Различные выходы могут быть отображены на основе идентификатора языка и региона (локали).

const number = 54321;
const date = new Date();
const myArray = [number, date, 'foo'];
const myJPString = myArray.toLocaleString('ja-JP');

console.log(myJPString);
// OUTPUT '54321,10/26/2017, 5:20:02 PM,foo'

И с этим вы должны знать все необходимое для создания и манипулирования массивами в JavaScript. Теперь иди и на массиве насыщенные!

Больше информации о массивах:

  • Что в мире это массив JavaScript?
  • Функции массива JavaScript объясняются примерами
  • Ultimate Guide для уменьшения
  • Ultimate Guide к карте
  • Длина массива JavaScript объяснила

Больше информации о функциях обратного вызова

Одна вещь, которую вы, несомненно, заметили, что многие из методов массива используют функции обратного вызова. Проверьте эти статьи для получения дополнительной информации о них:

  • Что такое функция обратного вызова в JavaScript?
  • Как избежать обратного вызова ада

Читайте ещё по теме: