Js数组方法都有哪些?如何使用?
时间: 2024-02-21 07:33:46 浏览: 26
Js数组方法有很多,以下是其中一些常见的:
1. push():向数组末尾添加一个或多个元素,并返回修改后的数组长度。
```
var fruits = ["apple", "banana"];
fruits.push("orange"); // ["apple", "banana", "orange"]
```
2. pop():从数组末尾删除一个元素,并返回该元素的值。
```
var fruits = ["apple", "banana", "orange"];
var deletedFruit = fruits.pop(); // "orange"
```
3. shift():从数组开头删除一个元素,并返回该元素的值。
```
var fruits = ["apple", "banana", "orange"];
var deletedFruit = fruits.shift(); // "apple"
```
4. unshift():向数组开头添加一个或多个元素,并返回修改后的数组长度。
```
var fruits = ["apple", "banana"];
fruits.unshift("orange"); // ["orange", "apple", "banana"]
```
5. slice():返回数组的一部分,不会修改原数组。
```
var fruits = ["apple", "banana", "orange", "peach"];
var slicedFruits = fruits.slice(1, 3); // ["banana", "orange"]
```
6. splice():在数组中添加或删除元素,会修改原数组。
```
var fruits = ["apple", "banana", "orange", "peach"];
fruits.splice(1, 2, "grape", "lemon"); // ["banana", "orange"]
// fruits变为["apple", "grape", "lemon", "peach"]
```
7. concat():将多个数组合并成一个新数组。
```
var fruits1 = ["apple", "banana"];
var fruits2 = ["orange", "peach"];
var allFruits = fruits1.concat(fruits2); // ["apple", "banana", "orange", "peach"]
```
8. join():将数组中的所有元素转化为字符串,并用指定的分隔符连接起来。
```
var fruits = ["apple", "banana", "orange"];
var fruitStr = fruits.join(", "); // "apple, banana, orange"
```
9. indexOf():返回指定元素在数组中第一次出现的位置,如果不存在则返回-1。
```
var fruits = ["apple", "banana", "orange"];
var index = fruits.indexOf("banana"); // 1
```
10. forEach():对数组中的每个元素执行指定操作。
```
var fruits = ["apple", "banana", "orange"];
fruits.forEach(function(fruit) {
console.log(fruit);
});
// 输出:
// "apple"
// "banana"
// "orange"
```
以上只是一小部分Js数组方法,还有很多其他方法。要学习如何使用它们,可以参考相关文档或书籍。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)