JavaScript基础(09_数组(Array))

数组(Array)

数组

• 数组也是一个对象

  • 用来存储一些值

  • 不同的是，普通对象是使用字符串作为属性名

  • 数组是使用数字来作为索引来操作元素

  • 索引

    • 从0开始的一个整数

    • 数组的存储性能比普通对象要好，在开发中经常使用数组来存储一些数据

  • 数组中的元素可以是任意数据类型,也可以是对象,甚至是函数,数组

• 创建数组对象

  • 方法1：使用构造函数创建数组对象

    • 语法： 数组[索引] = 值

    • var arr = new Array();
      arr[0] = 10;
      arr[1] = 33;
      arr[2] = 22;
      console.log(arr[1]);
      console.log(arr);
      console.log(arr.length);  //获取数组长度(连续的数组)

    • 如果读取不存在的索引 ，返回Undefined

  • 方法2：使用字面量来创建一个数组

    • 语法： []

    • var arr = [1,2,3,4,5,6];
      console.log(arr);

基本方法

• push()

  • 向数组的末尾添加一个或者多个元素

  • 要添加的元素作为方法的参数传递

  • 这样这些元素将会自动添加到数组的末尾

  • 返回数组的新的长度

• pop()

  • 删除数组的最后的一个元素

  • 返回被删除的元素

• unshift()

  • 向数组开头添加一个或者多个元素

  • 返回数组新的长度

• shift()

  • 删除数组第一个元素

  • 返回被删除的元素

• slice()

  • 可以用来从数组中提取指定元素

  • 语法: Array.slice(start, stop)

  • 包含start,并不包含stop索引

  • 该方法不会改变原数组，将截取后的元素封装到一个新数组进行返回

  • 若stop不写，则表示从某一个索引位置往后的所有元素全部都要

  • 索引可以传递一个负值

  • var arr = ["swk", "zbj", "shs", "zzj", "bbj"]
            res = arr.slice(1,2)    //提取arr数组中第二个元素
            console.log(res)

• splice()

  • 删除数组中的指定元素

  • 语法: Array.splice(start, count,[新元素1],[新元素2...])

  • 解释：从start index位置开始，删除count个

  • 向数组添加新元素

  • 会影响原数组，会将指定元素从原数组中删除并返回被删除的元素

  • var arr = ["swk", "zbj", "shs", "zzj", "bbj"]
    res = arr.splice(1,1)   // 从索引=1这个位置起,包含索引=1这个位置的元素，往后删除1个元素
    console.log(res)  //["zbj"]
    console.log(arr)  //["swk", "shs", "zzj", "bbj"]

• concat()

  • 连接两个或者多个数组，并将新的数组返回

  • 不影响原数组

• join()

  • 该方法可以将数组转换为字符串,并作为结果返回

  • 不影响原数组

  • 在join()可以指定一个字符串作为参数，这个字符串可以成为数组中的元素连接符

  • 不指定的话，默认是使用逗号连接

• reverse()

  • 翻转数组中元素顺序，并返回新的数组

  • 该方法会修改原数组

• sort()

  • 用来对数组的元素排序

  • 该方法会修改原数组

  • 默认按照Unicode编码顺序进行排序

  • 纯数字也是按照Unicode编码进行排序，数字排序后不会得到正确的顺序

  • 可以指定排序的规则

  • 可以在sort()添加一个回调函数，来指定排序的规则

  • 回调函数中需要定义两个形参

  • 浏览器将会分别使用数组中的元素作为实参去调用回调函数

    • 升序排列 return a-b

    • 降序排列 return b-a

遍历

• for循环遍历

  • var arr = ["swk", "zbj", "shs"]
    for(var i=0;i<arr.length;i++){
      console.log(arr[i]);
    }

• forEach遍历

  • js中还提供了 forEach()方法来遍历数组(一般都是使用for循环去遍历数组)

    • 这个方法只支持IE8(不包括IE8)以上的浏览器

    • forEach()方法需要一个函数作为参数

      • 像这种函数，由我们创建，但却不是由我们来调用，所以称之为回调函数

    • 数组中有几个元素，函数就会执行几次，浏览器将遍历到的元素，以实参形式传递进来

    • 浏览器会在回调函数中传递三个实参

      • 第一个参数，就是当前正在遍历的元素

      • 第二个参数，就是当前遍历数组的索引

      • 第三个参数，就是当前正在遍历的数组

    • var arr = ["swk", "zbj", "shs", "zzj", "bbj"];
      ​
      arr.forEach(function(value,index,arr){
        // console.log(value);
        // console.log(index);
        console.log(arr);
      });