admin 管理员组文章数量: 887021
2024年2月6日发(作者:element ui怎么下载)
js操作数组的方法
JavaScript中有很多可以操作数组的方法,这些方法可以更加方便地对数组进行增删改查等操作。在本篇文章中,我将详细介绍JavaScript中常用的一些数组操作方法。
1. push(:将一个或多个元素添加到数组的末尾,并返回新数组的长度。示例:
```
var fruits = ['apple', 'banana'];
('orange');
(fruits); // ["apple", "banana", "orange"]
```
2. pop(:删除并返回数组的最后一个元素。示例:
```
var fruits = ['apple', 'banana', 'orange'];
var lastFruit = (;
(fruits); // ["apple", "banana"]
(lastFruit); // "orange"
```
3. unshift(:将一个或多个元素添加到数组的开头,并返回新数组的长度。示例:
```
var fruits = ['apple', 'banana'];
t('orange');
(fruits); // ["orange", "apple", "banana"]
```
4. shift(:删除并返回数组的第一个元素。示例:
```
var fruits = ['orange', 'apple', 'banana'];
var firstFruit = (;
(fruits); // ["apple", "banana"]
(firstFruit); // "orange"
```
5. slice(:返回一个新数组,包含从开始到结束(不包括结束)选择的数组的元素。示例:
```
var fruits = ['apple', 'banana', 'orange', 'grapefruit'];
var citrusFruits = (2);
(citrusFruits); // ["orange", "grapefruit"]
var slicedFruits = (1, 3);
(slicedFruits); // ["banana", "orange"]
```
6. splice(:通过删除或替换现有元素或者原地添加新元素来修改数组,并返回被删除的元素。示例:
```
var fruits = ['apple', 'banana', 'orange'];
(1, 0, 'grapefruit');
(fruits); // ["apple", "grapefruit", "banana",
"orange"]
var removedFruits = (2, 2);
(fruits); // ["apple", "grapefruit"]
(removedFruits); // ["banana", "orange"]
```
7. concat(:将两个或多个数组合并成新数组。示例:
```
var fruits1 = ['apple', 'banana'];
var fruits2 = ['orange', 'grapefruit'];
var allFruits = (fruits2);
(allFruits); // ["apple", "banana", "orange",
"grapefruit"]
```
8. reverse(:颠倒数组中元素的顺序,原地修改数组。示例:
```
var fruits = ['apple', 'banana', 'orange'];
e(;
(fruits); // ["orange", "banana", "apple"]
```
9. sort(:按照升序或降序对数组进行排序,原地修改数组。示例:
```
var fruits = ['apple', 'banana', 'orange'];
(;
(fruits); // ["apple", "banana", "orange"]
(.reverse(;
(fruits); // ["orange", "banana", "apple"]
```
10. indexOf(:返回数组中第一个与指定值相等的元素的索引,如果不存在则返回-1、示例:
```
var fruits = ['apple', 'banana', 'orange'];
var bananaIndex = f('banana');
(bananaIndex); // 1
var grapesIndex = f('grapes');
(grapesIndex); // -1
```
11. lastIndexOf(:返回数组中最后一个与指定值相等的元素的索引,如果不存在则返回-1、示例:
```
var fruits = ['apple', 'banana', 'orange', 'banana'];
var bananaIndex = dexOf('banana');
(bananaIndex); // 3
var grapesIndex = dexOf('grapes');
(grapesIndex); // -1
```
12. filter(:创建一个新数组,包含通过测试函数的所有元素。示例:
```
var numbers = [1, 2, 3, 4, 5];
var evenNumbers = (function(number)
return number % 2 === 0;
});
(evenNumbers); // [2, 4]
```
13. map(:创建一个新数组,包含对原数组中的每个元素应用函数后的结果。示例:
```
var numbers = [1, 2, 3, 4, 5];
var squaredNumbers = (function(number)
return number * number;
});
(squaredNumbers); // [1, 4, 9, 16, 25]
```
14. forEach(:对数组中的每个元素执行一次提供的函数。示例:
```
var fruits = ['apple', 'banana', 'orange'];
h(function(fruit, index)
("Fruit at index " + index + ": " + fruit);
});
// Output:
// Fruit at index 0: apple
// Fruit at index 1: banana
// Fruit at index 2: orange
```
15. reduce(:对数组中的每个元素执行一个reduce函数(从左到右),将其结果汇总为单个值并返回。示例:
```
var numbers = [1, 2, 3, 4, 5];
var sum = (function(total, number)
return total + number;
},0);
(sum); // 15
```
版权声明:本文标题:js操作数组的方法 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1707213669h512407.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论