JS 数组是一种特殊的对象,用于存储和操作多个数据项。它具有丰富的内置方法,以便对数组进行各种操作。本文将介绍 JS 数组的常用方法,包括以下十种:
1. push():向数组末尾添加一个或多个元素,并返回新的数组长度。例如:
```
let fruits = ['apple', 'banana'];
let length = fruits.push('orange');
console.log(fruits); // ['apple', 'banana', 'orange']
console.log(length); // 3
```
2. pop():删除数组末尾的元素,并返回被删除的元素。例如:
```
let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();
console.log(fruits); // ['apple', 'banana']
console.log(lastFruit); // 'orange'
```
3. shift():删除数组第一个元素,并返回被删除的元素。例如:
```
let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();
console.log(fruits); // ['banana', 'orange']
console.log(firstFruit); // 'apple'
```
4. unshift():向数组的开头添加一个或多个元素,并返回新的数组长度。例如:
```
let fruits = ['banana', 'orange'];
let length = fruits.unshift('apple');
console.log(fruits); // ['apple', 'banana', 'orange']
console.log(length); // 3
```
5. concat():将多个数组合并为一个新数组。例如:
```
let fruits1 = ['apple', 'banana'];
let fruits2 = ['orange', 'grape'];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ['apple', 'banana', 'orange', 'grape']
```
6. slice():从数组中截取一个子数组。可以接受两个参数,start(截取起始位置)和end(截取结束位置,不包括该位置的元素)。例如:
```
let fruits = ['apple', 'banana', 'orange', 'grape'];
let subFruits = fruits.slice(1, 3);
console.log(subFruits); // ['banana', 'orange']
```
7. splice():从数组中删除、替换或添加元素,并返回被删除的元素。可以接受三个或以上的参数。第一个参数为起始位置,第二个参数为删除的元素个数(可以为 0),后续参数为要添加的元素。例如:
```
let fruits = ['apple', 'banana', 'orange', 'grape'];
let removedFruits = fruits.splice(1, 2, 'kiwi', 'mango');
console.log(fruits); // ['apple', 'kiwi', 'mango', 'grape']
console.log(removedFruits); // ['banana', 'orange']
```
8. indexOf():返回指定元素在数组中首次出现的位置,如果不存在则返回 -1。例如:
```
let fruits = ['apple', 'banana', 'orange', 'grape'];
let index = fruits.indexOf('orange');
console.log(index); // 2
```
9. lastIndexOf():返回指定元素在数组中最后一次出现的位置,如果不存在则返回 -1。例如:
```
let fruits = ['apple', 'banana', 'orange', 'grape', 'banana'];
let index = fruits.lastIndexOf('banana');
console.log(index); // 4
```
10. forEach():遍历数组的每个元素并执行指定的函数。例如:
```
let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.forEach(function(fruit) {
console.log(fruit);
});
// 'apple'
// 'banana'
// 'orange'
// 'grape'
```
以上是 JS 数组的常用方法的介绍及示例说明。这些方法可以帮助你对数组进行各种操作,如增删元素、合并数组、截取子数组、查找元素等。熟练掌握这些方法对于处理和操作数组非常有用。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.37seo.cn/
发表评论 取消回复