前端-数组常用方法

目录

前言

forEach

findIndex

includes

split

reverse

unshift

join

Math.random

date.now()

Array.from()

JSON.parse()

map

Math.round()

setTimeout()

clearTimeout()

new Set()

delete()

filter

总结


前言

工作中,数据处理是我们经常碰到的情况,该文章是本人工作中使用频繁的一些方法,故整理出来以备参考,如有雷同,纯属巧合。


forEach

  • 遍历数组

数组名.forEach((item,index)=>{
    //遍历的循环条件
})

findIndex

  • 类似于indexOf

返回值 = 数组名.findIndex((item,index,数组名)=>{
  return    Boolean值
  Boolean值为true 返回值=index
  Boolean值为false 继续循环;如果最后结果还是为false ,则返回 -1
}

includes

  • 查找是否包含指定的值

返回Boolean值 = 数组名/字符串.includes(要查找的值)
  如果包含会返回true,反之为false

split

  • 将字符串分隔成数组

字符串.split("以什么分隔")[分隔出来的第几项]

reverse

  • 数组反转

数组名.reverse()

unshift

  • 这个方法可向数组的开头添加一个或更多元素,并返回新的长度

数组名.unshift(要添加的内容)

join

  • 把数组中所有元素拼接成字符串

数组名.join()  //括号中可指定分隔符,不写则默认为逗号

Math.random

  • 生成随机数

math.random()

date.now()

  • 生成时间戳

date.now()

Array.from()

  • 浅拷贝

 Array.from(要拷贝的数组名或对象名)

JSON.parse()

  • 深拷贝

JSON.parse(JSON.stringify(要拷贝的数组名或对象名))

map

  • 查看数组或字符串是否包含某个值,返回一个新的数组

返回值=数组名/字符串.map( (item,index)=>{
    return  值     //return什么值,返回值就push什么值,如果不写return,就push(undefined)
    }

Math.round()

  • 给指定的值四舍五入到最接近的整数,并返回数值

返回值 = Math.round(要取整的数值)

setTimeout()

  • 定时器

名字= settimeout(()=>{
    //数据处理
},倒计时的事件(单位是毫秒))

clearTimeout()

  • 清除定时器

clearTimeout(定时器的名字)

new Set()

  • 对数组进行去重

new Set(数组名)

delete()

  • 删除对象中的某一个属性

对象名.delete(属性名)

或者

delete 对象名.属性名

filter

  • filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

    注意: filter() 不会对空数组进行检测。
    
    注意: filter() 不会改变原始数组。
    
    数组名.filter(item=> 要处理的数据)


总结

        以上就是今天要讲的内容,本文仅仅简单介绍了一些数组常用方法的使用,如有雷同纯属巧合,欢迎大家留言讨论和纠正。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值