📜  javascript中的数组方法(1)

📅  最后修改于: 2023-12-03 15:31:47.811000             🧑  作者: Mango

JavaScript中的数组方法

JavaScript中的数组方法是处理数组的重要工具。这里介绍了一些常用的数组方法,帮助程序员更好地处理数据。

1. push()

push()方法添加一个或多个元素到数组的末尾,并返回新数组的长度。

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // [1, 2, 3, 4, 5]
2. pop()

pop()方法从数组的末尾删除一个元素,并返回该元素的值。

let arr = [1, 2, 3];
let res = arr.pop();
console.log(res); // 3
console.log(arr); // [1, 2]
3. unshift()

unshift()方法添加一个或多个元素到数组的开头,并返回新数组的长度。

let arr = [1, 2, 3];
arr.unshift(0, -1);
console.log(arr); // [-1, 0, 1, 2, 3]
4. shift()

shift()方法从数组的开头删除一个元素,并返回该元素的值。

let arr = [1, 2, 3];
let res = arr.shift();
console.log(res); // 1
console.log(arr); // [2, 3]
5. concat()

concat()方法合并两个或多个数组,并返回新的合并后的数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4]
6. slice()

slice()方法返回数组的一个片段。

let arr = [1, 2, 3, 4, 5];
console.log(arr.slice(1, 3)); // [2, 3]
console.log(arr.slice(2)); // [3, 4, 5]
console.log(arr.slice(-2)); // [4, 5]
7. splice()

splice()方法用于添加、删除或替换数组中的元素。

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 'a', 'b'); // 添加元素
console.log(arr); // [1, 2, 'a', 'b', 3, 4, 5]

arr.splice(2, 2); // 删除元素
console.log(arr); // [1, 2, 3, 4, 5]

arr.splice(2, 1, 'x', 'y'); // 替换元素
console.log(arr); // [1, 2, 'x', 'y', 4, 5]
8. forEach()

forEach()方法对数组的每个元素执行一次给定的函数。

let arr = [1, 2, 3];
arr.forEach(function(item) {
  console.log(item);
});
// 1
// 2
// 3
9. map()

map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数返回的值。

let arr = [1, 2, 3];
let newArr = arr.map(function(item) {
  return item * 2;
});
console.log(newArr); // [2, 4, 6]
10. filter()

filter()方法创建一个新数组,包含符合条件的所有元素。

let arr = [1, 2, 3];
let newArr = arr.filter(function(item) {
  return item > 1;
});
console.log(newArr); // [2, 3]
11. reduce()

reduce()方法对数组中的每个元素执行指定的操作,将每个操作的结果汇总为单个返回值。

let arr = [1, 2, 3];
let sum = arr.reduce(function(acc, cur) {
  return acc + cur;
});
console.log(sum); // 6
12. every()

every()方法检测数组中的所有元素是否符合指定的条件。

let arr = [1, 2, 3];
let res = arr.every(function(item) {
  return item > 0;
});
console.log(res); // true
13. some()

some()方法检测数组中的某些元素是否符合指定的条件。

let arr = [1, 2, 3];
let res = arr.some(function(item) {
  return item < 1;
});
console.log(res); // false
14. find()

find()方法返回数组中符合条件的第一个元素,如果没有符合条件的元素,则返回undefined。

let arr = [1, 2, 3];
let res = arr.find(function(item) {
  return item === 2;
});
console.log(res); // 2
15. findIndex()

findIndex()方法返回数组中符合条件的第一个元素的索引,如果没有符合条件的元素,则返回-1。

let arr = [1, 2, 3];
let res = arr.findIndex(function(item) {
  return item === 2;
});
console.log(res); // 1

以上是一些常用的JavaScript数组方法,希望对你有所帮助。