如何正确的使用JavaScript数组

  介绍

这期内容当中小编将会给大家带来有关如何正确的使用JavaScript数组,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

前言

数组是一种特殊对象. js中并没有真正的数组,只是用对象模拟数组。

如何正确的使用JavaScript数组

查看对象属性的方法在数组身上也同样适用。值得注意的是:数组的下标类型为字符串,并不是数字。

<强>典型数组和js数组区别

类似c/c++的典型数组特征如下:

<李>

元素的数据类型相同

<李>

使用连续的内存存储

<李>

通过数字下标获取元素

, js的数组

<李>

元素的数据类型可以不同

<李>

内存不一定是连续的(对象是随机存储的)

<李>

不能通过数字下标访问,而是通过字符串下标进行访问。(这意味着数组可以有任何键)

如何正确的使用JavaScript数组”>,</p> <p>上图说明的是最后一点:数组可以有任何钥匙,想证明数组的下标为字符串,用<代码>种(arr) </代码> </p> <h4>创建数组</h4> <p>创建数组有两种方式,分别是:</p> <pre类=, let  arr=(1、2、3)   ,let  arr=new 数组(1、2、3)

字符串转化为数组分割()Array.from ()

如何正确的使用JavaScript数组”>,</p> <p>可以用这两种方法将字符串转化为字符串数组。</p> <h4>伪数组</h4> <p>没有数组共有属性的数组就是伪数组(伪数组的原型链中并没有数组的原型)</p> <p> <img src=

伪数组中并没有推动,流行等方法(通过<代码> console.dir (divList) 可看出),我们可以通过<代码> Array.from() 来转化

如何正确的使用JavaScript数组

转化之后就可以成功的推啦

合并两个数组

<李>

concat ()

此方法不会改变原数组

, let  arr1=(1、2、3)   ,let  arr2=(4、5、6)   ,arr1.concat (arr2)//[1、2、3、4、5、6)   ,arr1//(1、2、3)   ,arr2//(4、5、6)

截取数组

<李>

片()

此方法不会改变原数组

let  arr=[1、2、3、4、5、6)   arr.slice (3),//(4、5、6)   加勒比海盗//[1、2、3、4、5、6]

删数组元素

删头部元素:<代码> arr.shift() arr会被修改,并返回被删元素

, let  arr=[1、2、3、4、5、6)//1,arr.shift ()   ,arr//[2, 3, 4, 5, 6)

删尾部元素:<代码> arr.pop() arr会被修改,并返回被删元素

, let  arr=[1、2、3、4、5、6)//6,arr.shift ()   ,arr//[1,, 2,, 3,, 4,, 5]

删中间:

<代码> arr.splice(指数(1)代码> arr.splice(指数1 & # 39;x # 39;) //在删除位置添加& # 39;x # 39;,返回被删元素<代码> arr.splice(指数1 & # 39;x # 39;, & # 39; y # 39;) //在删除位置添加& # 39;x # 39;和& # 39;y # 39;,返回被删元素

, let  arr=[1, 2, 3, 4, 5, 6, 7, 8, 9)   ,//删除元素4   ,arr.splice (3,1)//4   ,arr//[1, 2, 3, 5, 6, 7, 8, 9)   ,   ,let  arr=[1, 2, 3, 5, 6, 7, 8, 9)   ,//删除下标3并添加3.5和4   ,arr.splice (2, 1, 3.5, 4)//3   ,arr//[1,, 2,, 3.5,, 4, 6, 7, 8, 9)

查看数组元素

查看属性

<李>

种(arr)

<李>

Object.values (arr)

let  arr=[1、2、3、4、5)   arr.x=& # 39; xxx # 39;   种(arr)//(“0”,“1“,,, 2,,,, 3,,,“4”,,“x"】   Object.values (arr)//,[1,, 2,, 3,, 4日,5日,“xxx"]

<代码>的循环

如何正确的使用JavaScript数组

<强>查看只含数字的元素

<代码>循环

如何正确的使用JavaScript数组

如何正确的使用JavaScript数组