javascript 中关于array的常用方法详解

下面是关于JavaScript中关于数组常用方法的详解：

1. 数组的创建

在JavaScript中，创建一个数组可以使用以下两种方式：

直接量法

使用直接量法，在中括号中添加元素来创建一个数组，例如：

let fruits = ['apple', 'banana', 'orange'];

构造函数法

使用构造函数法，使用Array对象的构造函数来创建一个数组，例如：

let animals = new Array('dog', 'cat', 'cow');

这两种方法都可以创建数组，直接量法更加常见和推荐，因为简单易懂且性能更高。

2. 数组的常用方法

在JavaScript中，数组有非常多的方法可以使用，这里介绍一些常用的方法。

2.1. push() 和 pop()

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

let fruits = ['apple', 'banana', 'orange'];
fruits.push('grape');
console.log(fruits); // ['apple', 'banana', 'orange', 'grape']

pop() 方法会将数组的最后一个元素弹出，并返回该元素的值。

let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();
console.log(lastFruit); // orange

2.2. shift() 和 unshift()

shift() 方法会将数组的第一个元素弹出，并返回该元素的值。

let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();
console.log(firstFruit); // apple

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

let fruits = ['apple', 'banana', 'orange'];
fruits.unshift('grape');
console.log(fruits); // ['grape', 'apple', 'banana', 'orange']

2.3. slice()

slice() 方法可以返回数组的一部分，而不修改原数组。

let fruits = ['apple', 'banana', 'orange', 'grape'];
let citrusFruits = fruits.slice(1, 3);
console.log(citrusFruits); // ['banana', 'orange']

slice() 方法接受两个参数，第一个参数是要返回的起始位置，第二个参数是要返回的终止位置（不包括该位置的元素）。

2.4. splice()

splice() 方法可以插入、删除和替换数组的元素，并返回被删除的元素。

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.splice(1, 2, 'watermelon', 'pineapple');
console.log(fruits); // ['apple', 'watermelon', 'pineapple', 'grape']

splice() 方法接受三个参数，第一个参数是要插入或删除的起始位置，第二个参数是要删除的元素个数，第三个参数是要插入的元素。

3. 示例说明

示例一

下面是一个示例，演示如何从数组中删除重复的元素，并返回一个新的不重复的数组。

let duplicateArray = ['apple', 'banana', 'apple', 'orange', 'banana'];
let uniqueArray = [];

for(let i = 0; i < duplicateArray.length; i++){
  if(uniqueArray.indexOf(duplicateArray[i]) === -1){
    uniqueArray.push(duplicateArray[i]);
  }
}

console.log(uniqueArray); // ['apple', 'banana', 'orange']

该示例使用了indexOf()方法，如果元素在数组中不存在，indexOf()方法返回-1，通过判断返回值是否为-1，可以实现去重。

示例二

下面是一个示例，演示如何使用sort()方法排序数组。

let fruitArray = ['banana', 'apple', 'orange', 'grape'];
let sortedArray = fruitArray.sort();

console.log(sortedArray); // ['apple', 'banana', 'grape', 'orange']

该示例使用了sort()方法，该方法会按照字符编码排序。如果想要按照其他方式排序，需要传递一个比较函数作为参数。