工作中常用的数组和对象方法(ES5 ES6)

数组部分:

返回新数组,不改变原来的数组:

  1. join
  2. concat
  3. slice —>很常用
  4. map —>很常用
  5. every
  6. filter —>很常用

1、join:将数组中所有的元素放入到一个字符串中,返回字符串。

let arr = ['hello','word']
console.log(arr.join(' ')) //结果为 hello word
console.log(arr) //结果为 ['hello','word']
2、concat:连接多个数组,两边的数组的原始数据不会变,返回一个新的数组还可以继续concat。
let arr1 = ['a','b']
let arr2 = ['c','d']
let arr3 = arr1.concat(arr2) // [a,b,c,d]
console.log(arr3.concat(3,4)) //结果为 [a,b,c,d,3,4]
console.log(arr1) //结果为 ['a','b']
console.log(arr2) //结果为 ['c','d']
3、slice:从开始到结束(左闭右开)选择数组的一部分浅拷贝到一个新的数组中。
let arr1 = ['a','b','c','d']
let arr2 = arr1.slice(0,2) //拷贝到的新的数组
console.log(arr2) //结果为 [a,b]
console.log(arr1) //结果为 ['a','b','c','d']
4、map:(这个方法用的地方很多)创建一个新的数组并返回,新数组的每一个元素都由原数组的每一个元素执行提供的函数提供而来,其中原来的数组不会发生变化。
let arr1 = [1,2,3,4]
let arr2 = arr1.map( item => {
	//item就是每一个元素 其中这个箭头函数可以有三个参数下面也相似 value index arr
	return item + 1 //相当于每个元素都加1
})
console.log(arr2) //map以后新的数组结果为 [2,3,4,5]
console.log(arr1) //原来的数组结果没有变为 [1,2,3,4]
5、every:检测数组中所有元素是否都符合指定的条件。只要检测到一个元素不满足就返回false,只有都满足才返回true。
let arr1  = [1,2,3,4]
let test1 = arr1.every( item => {
	//item就是每一个元素
	return item > 0  //判断条件
})
let test2 = arr1.every( item => {
	//item就是每一个元素
	return item > 1  //判断条件
})
console.log(test1) //true 所有的item数组元素都满足 
console.log(test2) //false 里面有一个item不满足 就是那个1
console.log(arr1)  //原来的数组结果没有变为 [1,2,3,4]
6、filter:创建一个新的数组,新数组中的元素是那些筛选以后满足条件的元素。
let arr1  = [1,2,3,4]
let arr2 = arr1.filter( item => {
	//item就是每一个元素
	return item > 1  //筛选条件
})

console.log(arr2) // 筛选以后的数组数据 [2,3,4]
console.log(arr1)  //原来的数组结果没有变为 [1,2,3,4]
7、forEach:用于调用数组的每一个元素,并将元素传递给回调函数,这个方法返回undefined。
let arr1  = [1,2,3,4]
let res   = []  //用来记录数据操作的
arr1.forEach( item => {
	//item就是每一个元素
	res.push( item * 2 ) //相当于把每一个数组元素都乘以2然后放到res这个数组中
})

console.log(res) // 利用循环遍历进行数据操作后的数组 [2,4,6,8]
console.log(arr1)  //原来的数组结果没有变为 [1,2,3,4]
8、reduce:接收一个函数作为累加器,数组中每个值开始缩减,最终计算为一个值。
let arr1  = [1,2,3,4]

let res   = arr1.reduce( pre,cur => {
	//pre:前一个值  cur:当前的值
	return pre + cur  //相当于把第一项和第二项进行相加,依次迭代最后就剩下最后两个相加然后返回一个结果
})

console.log(res) // 相加以后的结果 10
console.log(arr1)  //原来的数组结果没有变为 [1,2,3,4]


在原来的数组中进行操作,改变原来的数组:

  1. pop
  2. push
  3. shift
  4. unshift
  5. reverse —>比较常用用于翻转数组的
  6. sort
  7. splice —>特别常用 增加、删除数组元素的

未完待续

对象常用的方法


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值