JS数组 上

数组的创建方式(两种)

1  使用new关键字+Array构造函数创建数组(new操作符可以省略)。

例:
    var colors = new Array();
    var colors = Array();

如果预先知道数组的项目数量,也可以给构造函数传递该数量,而该数量会自动成为length属性的值。

例:
    var colors = new Array(20);   
    console.log(colors.length);

也可以向Array构造函数传递数组中应该包含的项。

例:
    var colors = new Array("red","blue","green");
    console.log(colors.length);

对比分析:
    var colors = new Array(20);   console.log(colors.length);
    var colors = new Array("20"); console.log(colors.length);

2  数组字面量表示法创建数组

数组字面量由一对包含数组项的方括号表示("[]"),多个数组项之间以逗号隔开。

例:
    var colors = ["red","blue","green"]; //定义了一个长度为3的字符串数组
    console.log(colors.length);     //3 
    var colors = [];         //创建一个空数组
    console.log(colors.length);     //0

在读取和设置数组的值时,要使用方括号并提供相应的基于0的数字索引(位置)。

例:
    var colors = ["red","blue","green"]; //定义了一个长度为3的字符串数组 
    console.log(colors[0]);    //显示第一项 "red"
    colors[2] = "black";      //修改第三项
    colors[3] = "brown";     //新增第四项

1、join()

: 将数组的元素组起成字符串,省略的话则用默认用逗号为分隔符,只接收一个参数:即分隔符。

var arr = [1,2,3];
console.log(arr.join()); // 1,2,3
console.log(arr.join("-")); // 1-2-3
console.log(arr); // [1, 2, 3](原数组不变)

2、push()和pop()

push(): 可以接收任意数量,然后依次添加到数组后面,并返回修改数组的长度。
pop():数组后面移除最后一个,减少数组的 length (字符长度)值,然后返回移除的参数。

var colors = new Array();  //创建一个数组
var count = colors.push("red","green");  //推入两项
console.log(count);  //返回修改后数组的长度是2
count = colors.push("black");  //推入另一项
console.log(count);  //返回修改后数组的长度是3
 var item = colors.pop(); //从数组的末尾移除最后一项,返回被移除的项。
  console.log(item);  //"black"
  console.log(colors.length); //2

3、shift() 和 unshift()

shift():删除原数组第一个,并返回删除元素的值;如果数组为空则返回undefined 。
unshift:将参数添加到原数组开头,并返回数组的长度 。

这组方法和上面的push()和pop()方法正好相反,一个是数组的开头,一个是数组的结尾。

var arr = ["red","yellow","green"];
console.log(count); // 5
var count = arr.unshift("bbbb","cccc");
console.log(arr); //["bbbb", "cccc", "red", "yellow", "green"]
var item = arr.shift();
console.log(item); // bbbb
console.log(arr); // ["cccc", "red", "yellow", "green"]

你可能感兴趣的:(JS数组 上)