js修改style中某个属性_JS中数组属性和方法太多难以记忆?看这篇文章就够了

9310de56fde97ee612e0f3cff446de06.png

数组一直是js中最重要的数据类型之一,其有很多属性和方法,包括常用的和不常用的,难以记忆,本文从增删改查四个基本操作入手,帮助大家更快记忆。


一 数组的属性

1 length属性

length属性是数组最重要的属性,没有之一,length属性告诉我们这个数组内有多少个数据元素,当length=0时说明数组时一个空数组。我们想要遍历数组时可以直接将遍历的终点设为 length-1。

二 数组的方法

这是本文的重点,我们从增删改查方面入手,梳理方法的作用和用法,有利于记忆和使用

1 增

常规方法

31993dbf932f27a8be65cb7f06ba0411.png

非常规方法

98f5a1e3aa8fe16e6f2828b83fa78ed9.png

注意:使用concat()方法后,arr1,arr2,arr3自身不发生变化,其返回的是一个全新的数组,要想完成增的操作,我们可以使用如下代码(将新数组赋值给arr1)

 arr1=arr1.concat(arr2,arr3,...)

2 删

常规方法

4c294fa2e77958557252850b0d8c08e3.png

注意:括号内填写内容均无效。

非常规方法

b245bfa9ba5ba3c60a292ab63da9644b.png

注意:使用concat()方法后,arr数组不发生变化,其返回的是全新的数组,要想完成减的操作,我们可以使用如下代码(将新数组赋值给arr)

arr = arr.slice(1,2)

3 改

常规方法

cars[2] = "kkk" (直接将指定位置元素重新赋值)

非常规方法

0fb64ee9abd466b823be56938f9df530.png

其中copyWithin()和fill()方法均为ES6的新方法,下面我们详细说以下这两个方法的用法

//copyWithin()使用var arr =[0,1,2,3,4,5,6]arr.copyWithin(3) // [0, 1, 2, 0, 1, 2, 3]arr.copyWithin(3,4) // [0, 1, 2, 4, 5, 6, 6]arr.copyWithin(0,2,5) //[2, 3, 4, 3, 4, 5, 6]//fill()使用var arr = [0,1,2,3,4,5,6]arr.fill("b") //["b
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值