JS数组常用方法

最新推荐文章于 2024-08-18 10:54:05 发布

β4

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量23

点赞数

文章标签： javascript 1024程序员节

本文链接：https://blog.csdn.net/s18191150489/article/details/127347741

版权

本文介绍了JavaScript中五个重要的数组方法：find()用于查找符合条件的第一个元素，findIndex()返回匹配元素的索引，includes()检查数组是否包含特定值，reverse()翻转数组，sort()对数组进行排序。这些方法均直接作用于原数组，其中sort()默认按字母顺序排序，需要回调函数实现数字排序。

摘要由CSDN通过智能技术生成

1.find();

用于查找数组中符合条件的第一个元素，若无返回undefined，不影响原数组且不会对空数组进行检测。

语法：

 // find():返回符合要求的第一个元素，没有符合要求的返回的是undefined
 let rst = arr.find(function (item) {
     return item > 400;
 });

2.findIndex();

用于查找数组中符合条件的第一个元素的索引值（下标）,若无返回-1，不影响原数组且不会对空数组进行检测。

语法：

// findIndex():返回符合要求的第一个元素的索引值，没有符合要求的返回的是  -1
let rst = arr.findIndex(function (item) {
    return item > 400;
})

3.includes();

用于查找数组中是否包含某一个元素,如果有返回true，没有返回false。

语法：

let arr = [10, 20, 100, 300, 24, 99, 87, 6];

// includes():查找数组中是否包含某一个元素，如果有返回true，如果没有false
let rst1 = arr.includes(100);//true
let rst2 = arr.includes(5);//false

4.reverse();

翻转数组（数组元素顺序颠倒），会改变原数组。

语法：

let arr = [10, 20, 100, 300, 24, 99, 87, 6];

// reverse();翻转数组,原数组被改变
let rst = arr.reverse();// [6, 87, 99, 24, 300, 100, 20, 10]

5.sort();

数组排序，默认按照字母编码顺序排序，若要按照数字大小排列，需使用回调函数，会改变原数组。

语法：

let arr = [10, 20, 100, 300, 24, 99, 87, 6];

// sort()：默认按照字母的编码排序，数字的大小，需要回调函数
let rst = arr.sort();
    let rst = arr.sort(function (a, b) {
        return a - b;//从小到大---[6, 10, 20, 24, 87, 99, 100, 300]
        //return b - a;//从大到小---[300, 100, 99, 87, 24, 20, 10, 6]
});