制作网站的技术wordpress商业主题

4.1 数组的基本操作

• 定义

  • 数组是一种列表对象，它的原型中提供了遍历和修改元素的相关操作，Javascript数组的长度和元素类型都是非固定的。

• 通俗解释：把数据一股脑的放在一起就是一个数组

• 声明方式

  // 字面量形式
  var list = [1, 2, true, 'str']// 构造函数声明
  var list2 = new Array(1, 2, true, 'str')
  

• 访问数组的元素

  // 通过索引（下标）
  var list = [1, 2, 3]
  console.log(list[0])	// 1// 通过length获取数组长度
  var list = [1, 2, 3]
  console.log(list.length)	// 3
  

4.2 操作数组的基本方法

• 数组操作

  • 增

    // 通过索引方式增，中间漏的位置设置为empty
    var list = [1, 2, 3, 4]
    list[5] = 6		
    console.log(list)
    

    

    // push 数组后面插入一条数据
    var list = [1, 2, 3, 4];
    list.push(5);
    console.log(list);
    

    

    // unshift 数组的第一位插入一条数据
    var list = [1, 2, 3, 4];
    list.unshift(0);
    console.log(list);
    

    

  • 删

    // pop 删除数组中最后一个元素
    var list = [1, 2, 3, 4];
    list.pop();
    console.log(list);
    

    

    // shift 删除数组当中第一个元素
    var list = [1, 2, 3, 4];
    list.shift();
    console.log(list);
    

    

  • 改

    var list = [1, 2, 3, 4];
    list[2] = 33;
    console.log(list);
    

    

  • 查

    var list = [1, 2, 3, 4];
    console.log(list[1]);	// 2
    

4.3 数组的进阶操作方法

• splice

  • 用于删除或替换元素

  • 函数有返回值，返回的是被删除的元素

  • 这个方法还会改变原来的数组

  • 总的来说，splice方法将原来的数组修改为被删除元素的数组

    // 第一个参数是控制从第几位（包含）开始删除或者替换（得看第三个参数有没有值）
    // 第二个参数控制删除的数量
    // 第三个参数将删除了的元素替换掉，可用逗号隔开
    var list = [1, 2, 3, 4];
    list.splice(0);		// 只有一个参数且是0，说明什么也不删，返回一个空数组
    console.log(list);
    

    

  • 使用场景

    • 替换数组中的元素
    • 删除数组的一部分内容
    • 清空数组的作用

• join

  • 将数组类型的数据转换成 字符串

  • 和toString的区别 可以自定义元素之间的符号

    var list = [1, 2, 3]
    console.log(list.join('*'))		// 1*2*3
    

• concat

  • 用于连接两个或多个数组

  • 不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值

    var a = [1, 2];
    var b = [3, 4];
    var ab = a.concat(b);
    console.log(ab)