数组原型 js - Javascript

在 JavaScript 中，数组是一种非常常见的数据结构。它是一组有序的值，并且可以动态地添加或删除元素，非常灵活。

那么我们该如何操作 JavaScript 中的数组呢？答案是使用数组原型。

JavaScript 数组原型是一个预定义的内置对象，它包含了一系列有用的属性和方法，用于操作数组对象。下面我们来逐一介绍一些常用的数组原型方法。

数组原型方法

push() 和 pop()

push() 方法可以向数组的末尾添加一个或多个元素，返回数组的新长度。

var arr = ["apple", "banana"];
arr.push("cherry", "dates");
console.log(arr); // ["apple", "banana", "cherry", "dates"]

pop() 方法删除数组的最后一个元素，并返回该元素的值。

var arr = ["a", "b", "c"];
var last = arr.pop();
console.log(arr); // ["a", "b"]
console.log(last); // "c"

shift() 和 unshift()

shift() 方法删除数组的第一个元素，并返回该元素的值。

var arr = ["a", "b", "c"];
var first = arr.shift();
console.log(arr); // ["b", "c"]
console.log(first); // "a"

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

var arr = ["apple", "banana"];
arr.unshift("lemon", "orange");
console.log(arr); // ["lemon", "orange", "apple", "banana"]

slice()

slice() 方法用于提取数组中的一段元素，返回一个新数组。

var arr = ["apple", "banana", "cherry", "dates"];
var fruits = arr.slice(1, 3);
console.log(fruits); // ["banana", "cherry"]

splice()

splice() 方法用于添加或删除数组中的元素。它接受三个参数：起始位置、要删除的元素个数（可选）、要添加的元素（可选），返回被删除的元素。

var arr = ["apple", "banana", "cherry", "dates"];
arr.splice(1, 2, "lemon", "orange");
console.log(arr); // ["apple", "lemon", "orange", "dates"]

indexOf() 和 lastIndexOf()

indexOf() 方法用于查找数组元素第一次出现的位置，返回该位置的索引值。

var arr = ["apple", "banana", "cherry", "dates"];
var index = arr.indexOf("cherry");
console.log(index); // 2

lastIndexOf() 方法与 indexOf() 类似，但它查找的是数组元素最后一次出现的位置。

var arr = ["apple", "banana", "cherry", "dates"];
var index = arr.lastIndexOf("cherry");
console.log(index); // 2

map()

map() 方法用于对数组中的每个元素执行回调函数，并返回每个回调函数执行结果组成的新数组。

var arr = [1, 2, 3];
var squared = arr.map(function(num) {
  return num * num;
});
console.log(squared); // [1, 4, 9]

reduce()

reduce() 方法对数组元素依次执行回调函数，返回一个累计值。

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

forEach()

forEach() 方法用于对数组中的每个元素执行回调函数。

var arr = [1, 2, 3];
arr.forEach(function(num) {
  console.log(num);
});
// 1
// 2
// 3

总结

JavaScript 数组原型提供了许多有用的方法，方便我们对数组进行各种操作。掌握常用的原型方法，可以大大提高开发效率。