当前位置:  首页>> 技术小册>> JavaScript面试指南

JavaScript数组是一种用于存储多个数据的有序集合,其中每个数据项称为一个元素。在JavaScript中,数组提供了许多有用的方法,可以用于对数组进行操作、处理和遍历。

下面是一些常用的JavaScript数组方法及其示例:

1. push()
push()方法向数组的末尾添加一个或多个元素,并返回新的数组长度。例如:

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

2. pop()
pop()方法从数组的末尾删除一个元素,并返回被删除的元素。例如:

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

3. shift()
shift()方法从数组的开头删除一个元素,并返回被删除的元素。例如:

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

4. unshift()
unshift()方法向数组的开头添加一个或多个元素,并返回新的数组长度。例如:

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

5. splice()
splice()方法可以向数组中插入、删除或替换元素,其语法如下:

  1. array.splice(start, deleteCount, item1, item2, ...)

其中,start参数是需要删除或替换元素的起始位置,deleteCount参数是要删除的元素数量,可以省略。item1, item2等参数是要插入的元素,可以省略。例如:

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

6. slice()
slice()方法返回一个从原数组中指定开始下标到结束下标(不包含结束下标)之间的新数组。例如:

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

7. concat()
concat()方法用于合并两个或多个数组,不会修改原数组,而是返回一个新的数组。例如:

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

8. join()
join()方法将数组中所有元素转换为字符串,并用指定的分隔符连接起来。例如:

  1. let arr = [1, 2, 3];
  2. let str = arr.join('-');
  3. console.log(str); // '1-2-3'

9. indexOf()
indexOf()方法返回指定元素在数组中第一次出现的位置,如果没有找到则返回-1。例如:

  1. let arr = [1, 2, 3, 2];
  2. let index = arr.indexOf(2);
  3. console.log(index); // 1

10. lastIndexOf()
lastIndexOf()方法返回指定元素在数组中最后一次出现的位置,如果没有找到则返回-1。例如:

  1. let arr = [1, 2, 3, 2];
  2. let index = arr.lastIndexOf(2);
  3. console.log(index); // 3

11. forEach()
forEach()方法对数组中的每个元素执行一次指定的函数。例如:

  1. let arr = [1, 2, 3];
  2. arr.forEach(function(element) {
  3. console.log(element);
  4. });
  5. // 1
  6. // 2
  7. // 3

12. map()
map()方法对数组中的每个元素执行一次指定的函数,并返回一个新的数组。例如:

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

13. filter()
filter()方法返回一个由数组中满足条件的所有元素组成的新数组。例如:

  1. let arr = [1, 2, 3, 4, 5];
  2. let newArr = arr.filter(function(element) {
  3. return element % 2 === 0;
  4. });
  5. console.log(newArr); // [2, 4]

14. reduce()
reduce()方法对数组中的所有元素执行指定的函数,并返回一个累加的结果值。例如:

  1. let arr = [1, 2, 3, 4];
  2. let sum = arr.reduce(function(total, element) {
  3. return total + element;
  4. }, 0);
  5. console.log(sum); // 10

以上这些方法只是JavaScript数组方法的一小部分,JavaScript还提供了许多其他有用的方法,可以根据需求选择使用。


该分类下的相关小册推荐: