Возможно, вы нашли первую статью очень полезной, и эта статья является расширением 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.