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

Array.find ()

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

const list = [12, 50, 65, 52, 44]; 
const found = list.find(elem => elem > 50); 
console.log(found); 
// expected output: 65

Массив. findIndex ()

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

const list = [12, 28, 8, 125, 58]; 
const index = list.findIndex(elem => elem > 50); 
console.log(index); 
// expected output: 3 
const index = list.findIndex(elem => elem > 150); console.log(index); 
// expected output: -1

Array.slice ()

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

const languages = ['java', 'php', 'python', 'javaScript', 'go'];
console.log(languages.slice(2)); 
// expected output: Array ['python', 'javaScript', 'go'] 
console.log(languages.slice(2, 4)); 
// expected output: Array ['python', 'javaScript'] 
console.log(languages.slice(1, 5)); 
// expected output: Array ['php', 'python', 'javaScript', 'go']

Вам также может понравиться: Как использовать локальное хранилище

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

Array.shift ()

Метод shift () удаляет первый элемент из массива и возвращает этот удаленный элемент. Этот метод изменяет длину массива. Удаленный элемент из массива; undefined, если массив пуст.

const framework = ['angular', 'react', 'vue', 'ember', 'svelte']; const shifted = framework.shift(); 
console.log('framework after #', framework); 
// Output: framework after # ['react', 'vue', 'ember', 'svelte'] 
console.log('Removed framework # ', shifted); 
// Output: framework after # angular

Array.entries ()

Метод entries () возвращает объект Array Iterator с парами ключ / значение для каждого индекса в массиве.

const list = ['mysql', 'mongodb', 'oracle']; 
const iterator = list.entries(); 
console.log(iterator.next().value); 
// Output: Array [0, "mysql"] 
console.log(iterator.next().value); 
// Output: Array [0, "mongodb"]

Итерация по индексу и элементу с использованием цикла for

for (const [index, element] of list.entries()) { 
   console.log(index, ' = ', element); 
} 
// 0 = mysql 
// 1 = mongodb 
// 2 = oracle

Array.isArray ()

Метод isArray () проверяет, является ли переданное значение массивом. Эта функция возвращает истину, если переданное значение является массивом, в противном случае возвращает ложь.

Array.isArray([1, 2, 3]); // true 
Array.isArray({foo: 123}); // false 
Array.isArray('foobar'); // false 
Array.isArray(undefined); // false

Для обратной совместимости вы можете добавить следующие

Примечание: внедряйте, только если нативная реализация недоступна.

if (typeof Array.isArray === 'undefined') { 
     Array.isArray = function(obj) { 
        return Object.prototype.toString.call(obj) === '[object Array]'; 
     } 
};

Array.sort ()

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

const months = ['March', 'Jan', 'Feb', 'Dec']; 
months.sort(); 
console.log(months); 
// Output: Array ["Dec", "Feb", "Jan", "March"] 
const numbers = [1, 34, 6, 27, 11]; 
numbers.sort(); 
console.log(numbers); 
// Output: Array [1, 11, 27, 34, 6]

Теперь, если вы хотите отсортировать приведенный выше пример в порядке возрастания, вам нужно использовать compareFunction. Давайте посмотрим на пример ниже.

function compareNumbers(a, b) { 
    return a - b; 
} 
const numbers = [1, 34, 6, 27, 11]; 
numbers.sort(compareNumbers); 
console.log(numbers); 
// Output: Array [1, 6, 11, 27, 34]

Array.concat ()

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

const framework = ['angular', 'react', 'vue', 'ember', 'svelte']; const languages = ['java', 'php', 'python', 'javaScript', 'go'];
const langAndFramework = languages.concat(framework); console.log(langAndFramework); 
// Output: Array ['java', 'php', 'python', 'javaScript', 'go', 'angular', 'react', 'vue', 'ember', 'svelte']

Вам также может понравиться: Советы и рекомендации по использованию JavaScript

Первоначально опубликовано на https://www.codinghub.net.