数组常用方法整理
1.sort排序
const arr1=[1,3,2,4]
arr1.sort((a,b)=>{
return a-b //升序
// renturn b-a //降序
})
2.forEach()
- 定义
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。
- 用法
array.forEach(function(currentValue, index, arr), thisValue)
//array:要遍历的数组名
//currentValue:数组值名称
//index:可选。数组索引
//arr: 可选。当前元素所属的数组对象。
//thisValue:可选。传递给函数的值一般用 "this" 值。
- 例子
var msgs = [{
name: '张三',
content: '你好我是张三',
create_time: '2001-12-23'
},
{
name: '李四',
content: '你好我是李四',
create_time: '2001-12-23'
}
]
// 创建动态页面
var msghtml = ""
msgs.forEach(function (item) {
msghtml += `<tr><td>${item.name}</td><td>${item.content}</td><td>${item.create_time}</td></tr>`
})
var data=data.replace("{content}",msghtml);//{content}html中获取
3.push()
数组后添加一个新元素
const arr=[1,2,3,4,5,6]
arr.push(7)
//结果
[1, 2, 3, 4, 5, 6, 7]
4.pop()
数组中移出最后一个元素,并返回最后一个元素
const arr=[1,2,3,4,5,6]
arr.pop()
//结果
6
5.unshift
数组前添加元素
const arr=[1,2,3,4,5,6]
arr.unshift(0)
//结果
[0,1, 2, 3, 4, 5, 6]
6. filter()
一. 作用
filter用于对数组进行过滤。
它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
二. 例子
const a=[1,2,3,4,5,6,7]
a.filter( (v) => { return v<4 ;} )
// a.filter(v => v<4)//简写
返回
[1, 2, 3]
7.reduce()
reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。
var arr = [1, 2, 3, 4];
var sum = arr.reduce(function(prev, cur, index, arr) {
console.log(prev, cur, index);
return prev + cur;
})
console.log(arr, sum);
打印结果:
1 2 1
3 3 2
6 4 3
[1, 2, 3, 4] 10
上面的例子index是从1开始的,第一次的prev的值是数组的第一个值。数组长度是4,但是reduce函数循环3次。
8.删除数组指定元素(slice)
var star=[1,2,3,4,5,,23,432]
star.slice(0,5)
console.log(star)
=》 [1, 2, 3, 4, 5]

浙公网安备 33010602011771号