js数组的常用方法(10种)

JavaScript 数组是一种可以在单个变量中存储多个值的数据结构。它是一种有序的集合，可以根据索引访问和修改数组中的元素。在实际的开发中，经常会用到数组的一些常用方法，下面将介绍 10 种常用的数组方法，包括其使用方法和一些示例说明。

1. push()

push() 方法用于向数组的末尾添加一个或多个元素，并返回新的数组长度。使用 push() 方法会修改原数组。

示例：

```

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

let length = fruits.push('orange');

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

console.log(length); // 3

```

2. pop()

pop() 方法用于从数组的末尾移除最后一个元素，并返回该元素的值。使用 pop() 方法会修改原数组。

示例：

```

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

let lastFruit = fruits.pop();

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

console.log(lastFruit); // 'orange'

```

3. shift()

shift() 方法用于从数组的开头移除第一个元素，并返回该元素的值。使用 shift() 方法会修改原数组。

示例：

```

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

let firstFruit = fruits.shift();

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

console.log(firstFruit); // 'apple'

```

4. unshift()

unshift() 方法用于在数组的开头添加一个或多个元素，并返回新的数组长度。使用 unshift() 方法会修改原数组。

示例：

```

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

let length = fruits.unshift('apple');

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

console.log(length); // 3

```

5. concat()

concat() 方法用于合并两个或多个数组，并返回一个新的数组。不会修改原数组。

示例：

```

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

let moreFruits = ['orange', 'kiwi'];

let allFruits = fruits.concat(moreFruits);

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

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

```

6. slice()

slice() 方法用于从原数组中返回选定的元素，并返回一个新的数组。不会修改原数组。

示例：

```

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

let citrusFruits = fruits.slice(2, 4);

console.log(citrusFruits); // ['orange', 'kiwi']

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

```

7. indexOf()

indexOf() 方法用于查找数组中某个元素第一次出现的位置，并返回索引值。如果找不到该元素，则返回 -1。

示例：

```

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

let orangeIndex = fruits.indexOf('orange');

console.log(orangeIndex); // 2

```

8. includes()

includes() 方法用于判断数组是否包含某个元素，返回一个布尔值。从 ES6 开始引入。

示例：

```

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

let hasOrange = fruits.includes('orange');

console.log(hasOrange); // true

```

9. join()

join() 方法用于将数组中的所有元素连接成一个字符串，并返回该字符串。不会修改原数组。

示例：

```

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

let fruitsString = fruits.join(', ');

console.log(fruitsString); // 'apple, banana, orange, kiwi'

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

```

10. reverse()

reverse() 方法用于颠倒数组中元素的顺序，并返回颠倒后的数组。会修改原数组。

示例：

```

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

fruits.reverse();

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

```

这些是 JavaScript 数组的一些常用方法，它们涵盖了向数组中添加和移除元素、合并和分割数组、查找和判断元素等常见的操作。熟练掌握这些方法可以帮助我们更高效地处理数组数据。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！