JavaScript中数组的20个方法

最新推荐文章于 2024-07-26 11:41:15 发布

一个不会敲代码的前端工程师

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量947

点赞数 16

文章标签： javascript

本文链接：https://blog.csdn.net/Zyf14725/article/details/136262203

版权

1.push（）

在数组的最后一位添加一个或多个元素,并返回新数组的长度，
//并且改变原数组 (添加多个元素用逗号隔开)
let arr = [1, 4, 6, 7, 5];
let rel = arr.push(6)
console.log(arr); // 输出 [1, 4, 6, 7, 5, 6]
console.log(rel); // 输出6

2.unshift();

//在数组第一位添加一个或多个元素，并返回新数组的长度，改变原数组。(添加多个元素用逗号隔开)
// let rel = arr.unshift(8)
// console.log(arr); // 输出 [8, 1, 4, 6, 7, 5]
// console.log(rel); // 输出6

3.sort（）

将数组的数据进行反转，并且返回反转后的数组，会改变原数组
//语法
// arr.sort();
// console.log(arr); //输出 [1, 4, 5, 6, 7] 默认为升序
// //function(a, b) {return: a - b;} ，=> a - b > 0 从小到大排序
// //function(a, b) {return: b - a;} ，=> b - a > 0 从大到小排序
// //从大到小排序
// arr.sort(function (a, b) {
// return b-a;
// });
// console.log(arr);

4.splice()

向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素所组成的数组。可以实现数组的增删改；
//删除
// arr.splice(1,1); // (删除下标为1的元素,删除几个元素)
// console.log(arr); //输出[1, 6, 7, 5]
//替换
// arr.splice(1,1,8) //(删除下标为1的元素,删除几个元素,替换的内容)
// console.log(arr); //输出[1, 8, 6, 7, 5]

5.concat()

// 数组的拼接(将多个数组或元素拼接形成一个新的数组),不改变原数组
// 如果拼接的是数组则将数组展开,之后将数组中的每一个元素放到新数组中.
// 如果是其他类型, 直接放到新数组中
// 另外，如果不给该方法任何参数，将返回一个和原数组一样的数组（复制数组）
// let arr1 = ['1','2','3']
// let rel = arr.concat(arr1);
// console.log(arr); //原数组
// console.log(rel); //输出[1, 4, 6, 7, 5, '1', '2', '3']

6.slice()

// 裁切指定位置的数组，返回值为被裁切的元素形成的新数组，不改变原数组
// 同concat() 方法 slice() 如果不传参数,会使用默认值,得到一个与原数组元素相同的新数组 (复制数组)
// let rel = arr.slice(0, 3);
// console.log(rel);//输出[1,4,6]

7.indexOf()

//查询某个元素在数组中第一次出现的位置存在该元素则返回该元素的下标不存在则返回-1
// let rel = arr.indexOf(4);
// console.log(rel); // 输出1
// let rel1 = arr.indexOf("3");
// console.log(rel1); //返回-1

8.forEach（）

// 遍历数组,每次循环中执行传入的回调函数 forEach()对于空数组是不会执行回调函数的，不会改变原数组
// let res = arr.forEach(function (item, index) {
// console.log(item, index);
// //输出
// // 1 0
// // 4 1
// // 6 2
// // 7 3
// // 5 4
// })
// //用forEach求和
// let sum = 0;
// arr.forEach(function (item) {
// sum += item;
// })
// console.log(sum); //输出23

9.map()

//遍历数组,每次循环中执行传入的回调函数,根据回调函数的返回值生成一个新的数组
//同forEach方法但是map方法有返回值，可以return出来
// let res = arr.map(function(item,index){
// return item + 1;
// })
// console.log(res);//新的数组输出 [2, 5, 7, 8, 6]
// console.log(arr);//原来的数组输出 [1, 4, 6, 7, 5]

10.filter()

//遍历数组,每次循环中执行传入的回调函数,回调函数里边写条件，把满足条件的元素筛选出来放到新数组里边
// let res = arr.filter(function(item,index){
// return item > 3
// })
// console.log(res);//输出[4, 6, 7, 5]

11.every()

//遍历数组,每次循环中执行传入的回调函数, 回调函数返回一个条件，全部满足返回ture
//只要有一个不满足就返回false
// let result = arr.every(function(item,index){
// return item > 0
// })
// console.log(result);//输出true

12.some()

//遍历数组,每次循环中执行传入的回调函数, 回调函数返回一个条件，只要有一个满足返回ture
//都不满足返回false
// let result = arr.some(function(item,index){
// return item > 3
// })
// console.log(result);//输出true
//13.includes()
//用来判断数组中是否包含指定的值包含则返回true 否则返回false
// let res = arr.includes(1);
// console.log(res); //输出true

14.find()

//遍历数组每次循环执行回调函数回调函数接受一个条件返回满足条件的第一个元素不存在则返回undefined
// let arr1 = [{id:1,name:'张三'},{id:2,name:'李四'}]
// let res = arr1.find(item=> item.name == '张三')
// console.log(res);//输出{id: 1, name: '张三'}

15.fill()

// 用给定值填充一个数组
// 参数
// value 必需。填充的值。
// start 可选。开始填充位置。
// end 可选。停止填充位置
// console.log(arr.fill('填充',1,2));//输出[1, '填充', 6, 7, 5]
//15.11.toString();
//直接将数组转换为字符串,并且返回转换后的新数组,不改变原数组,与join();方法不添加任何参数相同.
// let res = arr.toString();
// console.log(res); // 1,4,6,7,5