JS常用基础数组方法的基本使用

小徐努力中

于 2024-08-13 19:41:12 发布

阅读量386

点赞数 8

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Lil_y1/article/details/141171007

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

01_push()

-- 用来向数组的末尾添加一个或多个元素，并返回数组新的长度
-- 语法：数组.push(元素1,元素2,元素n)

02_pop()

-- 用来删除数组的最后一个元素，并返回被删除的元素

-- 语法：数组.pop()

03_unshift()

-- 向数组的前边添加一个或多个元素，并返回数组的新的长度

-- 语法：数组.unshift()

04_shift()

- - 删除数组的前边的一个元素，并返回被删除的元素

-- 语法：数组.shift()

05_reverse()

-- 可以用来反转一个数组，它会对原数组产生影响，返回反转之后的数组

-- 语法：数组.reverse()

06_concat()

-- 可以连接两个或多个数组，它不会影响原数组，而是新数组作为返回值返回

-- 语法：数组.concat(数组1,数组2,数组n)

07_slice()

-- 可以从一个数组中截取指定的元素
-- 该方法不会影响原数组，而是将截取到的内容封装为一个新的数组并返回
参数：

截取开始位置的索引（包括开始位置）
截取结束位置的索引（不包括结束位置）

**第二个参数可以省略不写，如果不写则一直截取到最后
**参数可以传递一个负值，如果是负值，则从后往前数

08_splice()

-- 可以用来删除数组中指定元素，并使用新的元素替换，该方法会将删除的元素封装到新数组中返回

参数：

删除开始位置的索引
删除的个数
三个以后，都是替换的元素，这些元素将会插入到开始位置索引的前边

09_join()

-- 可以将一个数组转换为一个字符串返回转化后的字符串
参数：

需要一个字符串作为参数，这个字符串将会作为连接符来连接数组中的元素
如果不指定连接符则默认使用

10_includes()

-- 用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

语法：
let site = ['runoob', 'google', 'taobao'];
site.includes('runoob'); //true

11_forEach()

-- 遍历数组,每次循环中执行传入的回调函数无返回值
-- 语法：
 arr.forEach((item,index)=>{
      // item -- 数组中的每个元素
      // index -- 元素的索引值
    })

12_sort()

-- 可以对一个数组中的内容进行排序，默认是按照Unicode编码进行排序,调用以后，会直接修改原数组。
-- 可以自己指定排序的规则，需要一个回调函数作为参数
--语法
arr.sort((a,b)=>{

    //升序排列
    return a-b;
				
    //降序排列
    return b-a;

})

13_map()

-- 遍历数组, 每次循环时执行传入的回调函数,根据回调函数的返回值,生成一个新的数组 ,同forEach() 方法,但是map()方法有返回值,可以return出来
--语法
const arr = [2, 1, 3];
const newArr =arr.map(item => {
    // 每个元素 +1
    return item + 1
});
console.log(newArr); // [3, 2, 4]

14_filter()

-- 遍历数组, 每次循环时执行传入的回调函数,回调函数返回一个条件,把满足条件的元素筛选出来放到新数组中.
--语法
const list = [32, 93, 77, 53, 38, 87];
const resList = list.filter(item => {
    // 返回符合条件的元素
    return item >= 60; // true || false
});
console.log(resList); //93，77，87

15_find()

--查找元素，返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回 undefined

语法：
const list = [3, 7, 1, 8, 4];
const item = list.find(item => {
    // 返回符合条件的第一个元素
    return item > 2
})
console.log(item); // 3