admin 管理员组文章数量: 887053
2024年1月12日发(作者:乱世佳人有续集吗)
js 数组相关方法
在JavaScript中,数组是一种用于存储多个值的有序集合。JavaScript提供了许多数组相关的方法,用于对数组进行操作和处理。本文将介绍一些常用的数组方法,并分别对其功能进行详细解释。
1. push() 方法:向数组的末尾添加一个或多个元素,并返回数组的新长度。push() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana'];
const newLength = ('orange');
(fruits); ['apple', 'banana', 'orange']
(newLength); 3
2. pop() 方法:从数组的末尾删除一个元素,并返回被删除的元素。pop() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
const removedElement = ();
(fruits); ['apple', 'banana']
(removedElement); 'orange'
3. shift() 方法:从数组的开头删除一个元素,并返回被删除的元素。shift() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
const removedElement = ();
(fruits); ['banana', 'orange']
(removedElement); 'apple'
4. unshift() 方法:向数组的开头添加一个或多个元素,并返回数组的新长度。unshift() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana'];
const newLength = t('orange');
(fruits); ['orange', 'apple', 'banana']
(newLength); 3
5. concat() 方法:将两个或多个数组合并为一个新数组。concat() 方法不会更改原始数组。
示例代码:
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const newArray = (array2);
(newArray); ['a', 'b', 'c', 'd', 'e', 'f']
6. slice() 方法:返回一个从开始索引到结束索引(不包括结束索引)的新数组。slice() 方法不会更改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange', 'kiwi', 'mango'];
const newArray = (1, 4);
(newArray); ['banana', 'orange', 'kiwi']
7. splice() 方法:从数组中删除、替换或添加元素,并返回被删除的元素。splice()
方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange', 'kiwi', 'mango'];
const removedElements = (2, 2, 'pear', 'grape');
(fruits); ['apple', 'banana', 'pear', 'grape', 'mango']
(removedElements); ['orange', 'kiwi']
8. indexOf() 方法:返回数组中第一个匹配元素的索引,如果不存在则返回 -1。
示例代码:
const fruits = ['apple', 'banana', 'orange', 'apple', 'kiwi'];
const index = f('apple');
(index); 0
9. lastIndexOf() 方法:返回数组中最后一个匹配元素的索引,如果不存在则返回 -1。
示例代码:
const fruits = ['apple', 'banana', 'orange', 'apple', 'kiwi'];
const index = dexOf('apple');
(index); 3
10. includes() 方法:判断数组是否包含某个元素,返回布尔值。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
const includesApple = es('apple');
(includesApple); true
11. join() 方法:将数组的所有元素连接成一个字符串。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
const joinedString = (', ');
(joinedString); 'apple, banana, orange'
12. reverse() 方法:反转数组中的元素顺序。reverse() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
e();
(fruits); ['orange', 'banana', 'apple']
13. sort() 方法:对数组元素进行排序。sort() 方法会直接修改原始数组。
示例代码:
const fruits = ['apple', 'banana', 'orange'];
();
(fruits); ['apple', 'banana', 'orange']
14. filter() 方法:使用指定的函数对数组进行过滤,并返回一个包含通过筛选的元素的新数组。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = (number => number % 2 ===
0);
(evenNumbers); [2, 4]
15. map() 方法:使用指定的函数对数组中的每个元素进行处理,并返回一个包含处理结果的新数组。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const multipliedNumbers = (number => number * 2);
(multipliedNumbers); [2, 4, 6, 8, 10]
16. reduce() 方法:对数组中的所有元素累加(或累乘)并返回结果。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const sum = ((accumulator, currentValue) =>
accumulator + currentValue, 0);
(sum); 15
17. forEach() 方法:对数组中的每个元素执行指定的操作,没有返回值。
示例代码:
const numbers = [1, 2, 3, 4, 5];
h(number => (number));
输出:1 2 3 4 5
18. some() 方法:判断数组中是否存在满足指定条件的元素,如果存在则返回
true,否则返回 false。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const hasEvenNumber = (number => number % 2
=== 0);
(hasEvenNumber); true
19. every() 方法:判断数组中的所有元素是否都满足指定条件,如果都满足则返回 true,否则返回 false。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const allEvenNumbers = (number => number % 2
=== 0);
(allEvenNumbers); false
20. find() 方法:返回数组中满足指定条件的第一个元素,如果不存在则返回
undefined。
示例代码:
const numbers = [1, 2, 3, 4, 5];
const firstEvenNumber = (number => number % 2
=== 0);
(firstEvenNumber); 2
这些方法只是 JavaScript 数组相关方法中的一部分,但已经覆盖了大部分常用的功能。通过合理运用这些方法,你可以轻松地对数组进行增删改查、筛选、排序等操作。
版权声明:本文标题:js 数组相关方法 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/free/1705016397h469817.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论