Js数组方法

1.push()

给数组的末尾添加一个或多个元素,格式:数组.push(参数1,参数2…)

let arr = [1,2,3]
let temp = arr.push(4)
console.log(arr)	// 输出 1 2 3 4原数组改变
console.log(temp)	// 输出4,返回添加元素后数组长度
2. unshift()

给数组的首位添加一个或多个元素。格式:数组.unshift(参数1,参数2…)

let arr = [2,3,4]
let temp = arr.unshift(1)
console.log(arr)	// 输出1,2,3,4原数组改变
console.log(temp)	// 输出4,返回添加元素后元素的长度 
3. pop()

删除数组最后一个元素。格式:数组.pop()

let arr = [1,2,3,4]
let temp = arr.pop()
console.log(arr)	// 输出1,2,3原数组改变
console.log(temp)	// 输出4,返回的是删除后的元素
4. shift()

删除数组的第一个元素。格式:数组.shift()

let arr = [1,2,3,4]
let temp = arr.shift()
console.log(arr)	// 输出2,3,4原数组改变
console.log(temp)	// 输出1,返回的是删除的元素
5. concat()

数组合并。格式:数组1.concat(数组2,数组3…)

let arr1 = [1,2]
let arr2 = [3,4]
let temp = arr1.concat(arr2)
console.log(temp)		// 返回的是新数组
console.log(arr1,arr2)	// 原数组不变
6. reverse()

数组的翻转。格式:数组.reverse()

let arr = [1,2,3,4]
let temp = arr.reverse()
console.log(arr,temp)	// 原数组改变,返回翻转后的新数组
7. join()

把数组转换成字符串。格式:数组.join(分隔符)

let arr = [1,2,3,4]
let temp = arr.join('-')
console.log(arr)	// 原数组不改变
console.log(temp)	// 返回字符串 1-2-3-4
8. split()

把字符串转换成数组。格式:数组.split(分隔符)

let str = '1-2-3-4'
let temp = str.split('-')
console.log(str)	// 原字符串不改变
console.log(temp)	// 返回数组 [1,2,3,4]
9. sort()

数组排序

let arr = [5,4,3,2,11,0]
arr.sort(function(a,b){
    return a-b;	// 升序
})
arr.sort(function(a,b){
    return b-a;	// 降序
})
console.log(arr)	// 原数组改变,返回排序好的数组
10. indexOf()

查找元素。格式:数组.indexOf(要查找的元素,开始查找的下标)

let arr = [1,2,3,4]
let temp1 = arr.indexOf(1)	// 0
let temp2 = arr.indexOf(8)	// -1
// 如果查找到元素返回该元素在数组中的下标,如果没有找到返回-1
11. forEach()

遍历数组。格式:数组.forEach((item,index,arr)=>{})

let arr = [1,2,3,4]
let temp = arr.forEach((item,index,arr)=>{
    item	// 数组中的每一项
    index	// 返回每个元素的下标
    arr		// 返回整个数组
})
console.log(temp)	// undefined没有返回值
12. map()

遍历数组。格式:数组.map((value,key)=>{})

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值
let arr = [1,2,3,10]
let arr2 = arr.map((value,key)=>{
    value 	// 数组中每一个元素
    key		// 返回每一个元素对应的下标
    return value*2	// 可以修改元素的值,返回一个新数组
})
console.log(arr2)	// 2,4,6,20

注:foreach没有返回值,map有返回值

13. filter()

过滤数组。格式:数组.filter()

let arr = [1,2,3,4]
let newArr = arr.filter((item,index)=>{
    return value>3
})
console.log(newArr)	// 输出[4],返回一个满足条件的数组
14. find()

查找数组。格式:数组.find()

let arr = [1,2,3,0]
let temp = arr.find((item,index,arr)=>{
    return value=0
})
console.log(temp)	// 找到第一个符合条件的数组成员 0 
在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素,之后的值不会再调用执行函数。如果没有符合条件的元素,返回值为undefined
15. every()

类似于&&运算符,都满足才为true,否则都为false
every()不会改变原始数组,不会对空数组进行检测。空数组返回值为true

let arr = [1,2,3,4]
let b1 = arr.every(item=>{
    console.log(item);  // 1,2
    return item<2
})
console.log(b1);	// false
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true
16. some()

类似于||运算符,都不满足条件才返回false,否则都为true

let arr = [1,2,3,4]
let b2 = arr.some(item=>{
    console.log(item);  // 1
    return item<2
})
console.log(b2);	// true
方法会依次执行数组的每一个元素,如果有一个元素满足条件,表达式返回true,剩余的元素不会再执行监测,如果没有满足条件的元素,则返回false.
17. slice()

数组截取。格式:数组.slice(start,end)

let arr= [1,2,3,4,5]
let temp = arr.slice(2,4)
console.log(arr)	// 原数组不变
console.log(temp)	// 返回的是截取下来的新数组 输出3,4    [0,1)不包含结束位置
let temp1 = arr.slice(1)	// 只传一个参数,就会返回从起始位置到末尾的所有项
console.log(arr.slice());   // 当slice()不带任何参数的时候,默认返回一个长度和原数组相同的新数组
18. splice()
1.删除功能:
格式:数组.splice(index,长度)		
第一个参数为第一项位置,第二个参数为要删除几个
let arr = [1,2,3,4]
let temp = arr.splice(1,2)
console.log(arr)	// 原数组改变 1,4
console.log(temp)	// 返回的是删除的元素 2,3

2.插入功能:
格式:数组.splice(index,0,insertVal)
第一个参数(插入位置),第二个参数(0),第三个参数(插入值)
let arr = [1,2,3,4]
arr.splice(1,0,9)
无返回值空数组,原数组改变。输出1,9,2,3,4

3.替换功能:
格式:数组.splice(index,num,insertVal)
第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入的项)
let arr = [1,2,3,4]
let temp = arr.splice(1,1,'g')
原数组改变1,g,3,4,返回的是被替换的元素
19. includes()

格式:数组.includes(元素,查找索引)

let arr = [1,2,3,NaN]
arr.includes(1)--true
arr.includes(9)--false
arr.includes(NaN)--true
arr.includes(1,5)--false
方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
第二个参数可选:如果为负值,则按升序从 array.length + 第二个参数的索引开始搜索。默认为 0
  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值