JS 数组

191 阅读2分钟

「这是我参与11月更文挑战的第3天,活动详情查看:2021最后一次更文挑战」。

几乎所有的编程语言都原生支持数组类型,因为数组是最简单的内存数据结构。JavaScript 里也有数组类型。

数组的创建

  • 常规方式
    var myArr = new Array();
    myArr[0] = 'aaa';
    myArr[1] = 'bbb';
    myArr[2] = 'ccc';
  • 简洁方式
    var myArr = new Array('aaa','bbb','ccc');
    var myArr1 = new Array(2); //确定数组长度
  • 字面
    var myArr = ['aaa','bbb','ccc'];

使用new 关键字,可以简明的初始化一个数组。可以先new 一个空数组,也可以再new同时填充进去内容,还可以new同时确定数组的长度。 也可以用“[ ]” 的方式来创建数组来

数组的方法

  • 访问数组

可以直接指定数组名以及索引序号,来访问某一个特定的元素 比如我要访问,myArr 数组的 第一个元素

    var one = myArr[0]
    console.log(one)  //aaa
   
  • 修改数组 可以用赋值的方式修改数组内容 如果我要修改,myArr 数组的 第一个元素 ‘aaa’ 为 ‘ddd’
    myArr[0] = 'ddd'
    console.log(myArr[0])  //ddd
   

数组的索引序号是从0 开始的。所以第一位为0 第二位为1,以此类推。

  • 数组的长度 如果想知道数组里已经存了多少个元素,可以使用数组的 length 属性
    console.log(myArr.length)  //3
  • 添加新元素

可以直接数组末尾添加

    myArr[3] = 'ddd'
    console.log(myArr)  //['aaa', 'bbb', 'ccc', 'ddd']

可以用 push 方法

    myArr.push('eee') 
    console.log(myArr)  //['aaa', 'bbb', 'ccc', 'ddd','eee']

如果想在 第一位添加元素 可以用 unshift方法

    myArr.unshift('zzz') 
    console.log(myArr)  //['zzz','aaa', 'bbb', 'ccc', 'ddd','eee']
  • 删除元素

删除最后一位,可以使用 pop 方法

    myArr.pop() 
    console.log(myArr)  //['zzz','aaa', 'bbb', 'ccc', 'ddd']

删除第一位,可以使用 shift 方法

    myArr.shift() 
    console.log(myArr)  //['aaa', 'bbb', 'ccc', 'ddd']
  • 插入元素 插入元素可以使用 splice 方法 该方法 第一个参数 代表 从数组的哪一位索引开始, 第二个参数,为删除多少个元素,必须是数字, 第三个参数,为添加到数字的新元素 比如:
    myArr.splice(11) 
    console.log(myArr)  //['aaa','ccc', 'ddd']

从第一位索引开始,删除后面一位,并且

    myArr.splice(1,0,'eee')
    console.log(myArr)  //['aaa', 'eee', 'ccc', 'ddd']
    

从第一位开始,删除0位,并且插入一个元素

   
    myArr.splice(1,1,'www')
    console.log(myArr)  //['aaa', 'www', 'ccc', 'ddd']

从第一位开始,删除1位,并且插入一个元素