js Array数组

一、Array数组的相关读取，创建，遍历，赋值

Array数组的创建

• var colors=new Array(3);
• var nums =new Array(1,3,6,9);
• var cols=[‘red’,’green’,’yellow’];
• var infos=[6,’marry’,true,{‘a’:’A’}]

Array数组的读取

• cols[2]
• cols[5]) 若没有相应的索引,则返回underfind

向数组Array里面赋值

var colors=new Array(3);
    colors[0]="#f00";
    colors[1]="#0f0";
    colors[2]="#00f";

Array 数组长度(length)
1、var arr =[‘a’,’b’,’c’,’d’,’e’];

• arr.length //输出： 5
• arr.length=3 //把数组里后面的的值移除
• arr.length //输出： 3

Array数组的索引

• arr[99]=”z”;
• console.log(arr.length);//100
• 数组的长度 是根据【数组索引】进行判定的
• 数组的长度：是根据数组索引+1

Array数组的遍历

for (var i = 0; i < arr.length; i++) {
        console.log(arr[i])
    }

源码如下：

<script type="text/javascript">

    // ===========Array数组创建======================

    //创建一个保存颜色的数组
    var colors=new Array(3);
    // console.log(colors);
    var nums =new Array(1,3,6,9);
    // console.log(nums);
    var cols=['red','green','yellow'];
    // console.log(cols);
    var infos=[6,'marry',true,{'a':'A'}]
    // console.log(infos);

    //=Array数组读取    
    console.log(cols[2]);
    console.log(cols[5]);//没有相应的值,underfind

    //向数组里面赋值
    var colors=new Array(3);
    colors[0]="#f00";
    colors[1]="#0f0";
    colors[2]="#00f";
    // console.log(colors);

    //Array length 数组长度 
    var arr =['a','b','c','d','e'];
    console.log(arr.length);//5
    arr.length=3;//把数组里后面的的值移除
    console.log(arr);//['a','b','c']
    console.log(arr.length);//3

    //Array数组索引
    arr[99]="z";
    console.log(arr.length);//100
    // 数组的长度 是根据【数组索引】进行判定的
    // 数组的长度：是根据数组索引+1


    //Array数组的遍历
    for (var i = 0; i < arr.length; i++) {
        console.log(arr[i])
    }
</script>

---

二、js Array数组的栈方法 push、unshift()、pop()、shift()

1、push() –把值加到数组的最后面

• 语法
  arrayObject.push(newele1,newele2,……,neweleX)

• 功能
  把它的参数 顺序添加到arrayObject的尾部

• 返回值
  把指定的值 添加到数组后的 新长度 即：返回number值

var colors=new Array("red","green");
    colors.push("blue");
    console.log(colors);
    colors.push("blue","yellow","blank");
    console.log(colors);
    var len= colors.push("blue","yellow","blank");
    console.log(len)

2、unshift() - - - 把值加到数组的最前面

  var nums=[2,7,8,6];
    var size=nums.unshift(99,66);
    console.log(nums);
    console.log(size);

3、pop() - - - 删除数组的最后一个元素

• 语法
  arrayObject.pop()

• 功能
  删除arrayObject的最后一个元素

• 返回值
  被删除的那个元素

var nums=[2,7,8,6];
    var n=nums.pop();
    console.log(n);
    console.log(nums);

4、shift() - - - 删除数组的第一个元素

• 语法
  arrayObject.shift()

• 功能
  删除arrayObject的第一个元素

• 返回值
  被删除的那个元素

var colors=new Array("red","green","blue","black");
    var m= colors.shift();
    // console.log(m);
    console.log(colors);

源码如下：

<script type="text/javascript">

    // 1、push() --把值加到数组的最后面
    // 语法
    // arrayObject.push(newele1,newele2,......,neweleX)
    // 功能
    // 把它的参数 顺序添加到arrayObject的尾部
    // 返回值
    // 把指定的值 添加到数组后的 新长度 即：返回number值

    var colors=new Array("red","green");
    colors.push("blue");
    console.log(colors);
    colors.push("blue","yellow","blank");
    console.log(colors);
    var len= colors.push("blue","yellow","blank");
    console.log(len)

    // =========================================================================================
    // 2、unshift() --把值加到数组的最前面  ====加到数组的最前面===加到数组的最前面 ===
    var nums=[2,7,8,6];
    var size=nums.unshift(99,66);
    console.log(nums);
    console.log(size);

    // 3、pop() ---删除数组的最后一个元素
    // 语法
    // arrayObject.pop()
    // 功能
    // 删除arrayObject的最后一个元素
    // 返回值
    // 被删除的那个元素

    var nums=[2,7,8,6];
    var n=nums.pop();
    console.log(n);
    console.log(nums);

    // 4、shift() ---删除数组的第一个元素
    // 语法
    // arrayObject.shift()
    // 功能
    // 删除arrayObject的第一个元素
    // 返回值
    // 被删除的那个元素

    var colors=new Array("red","green","blue","black");
    var m= colors.shift();
    // console.log(m);
    console.log(colors);

</script>

三、js Array数组的转换方法、数组的重排序方法

1、join() - - - 数组的转换方法 - - 用于把数组转换成字符串

• 语法
  arrayObject.join(separator) //separator:分隔符

• 功能
  用于把数组中的所有元素放入到一个字符串中

• 返回值
  字符串

var nums=[2,4,5];
    var str=nums.join();
    console.log(str);
    console.log(typeof(str));

    var words=["border","left","color"];
    //输出格式为：border-left-color
    var wordstr=words.join();//什么都不写，默认用逗号(,)隔开
    console.log(wordstr);//border,left,color
    var wordstr=words.join("");//分隔符，用默认分隔符隔开
    console.log(wordstr);//borderleftcolor
    var wordstr=words.join("-");//分隔符，用指定分隔符隔开
     console.log(wordstr);//border-left-color

2、reverse() - 数组的反序–颠倒数组中元素的顺序

• 语法
  stringObject.reverse()

• 功能
  用于颠倒数组中元素的顺序

• 返回值
  数组

    var words=["border","left","color"];
    console.log(words)
    words.reverse();    
    console.log(words)

    var a= words.reverse(); 
    console.log(a)

    var strs=["a","b","c","d"];
    // 返回dcba这个字符串
    var newstr=strs.reverse().join("~");
    console.log(newstr)

3、sort() - - - 对数组的元素进行排序

• 语法
  arrayObject.sort(sortby)

• 功能
  用于对数组的元素进行排序

• 返回值
  数组

• 说明
  1、即使数组中的每一项都是数值，sort()方法比较的也是字符串
  2、sort()方法可以接收一个 比较函数 作为参数

<script type="text/javascript">

    // 1、join() ---数组的转换方法  ----用于把数组转换成字符串
    // 语法
    // arrayObject.join(separator) //separator:分隔符
    // 功能
    // 用于把数组中的所有元素放入到一个字符串中
    // 返回值
    // 字符串
    var nums=[2,4,5];
    var str=nums.join();
    console.log(str);
    console.log(typeof(str));

    var words=["border","left","color"];
    border-left-color
    var wordstr=words.join();//什么都不写，默认用逗号(,)隔开
    console.log(wordstr);//border,left,color
    var wordstr=words.join("");//分隔符，用指定分隔符隔开
    console.log(wordstr);//borderleftcolor
    var wordstr=words.join("-");//分隔符，用指定分隔符隔开
     console.log(wordstr);//border-left-color

   // 2、reverse() - 数组的反序--颠倒数组中元素的顺序
    // 语法
    // stringObject.reverse()
    // 功能
    // 用于颠倒数组中元素的顺序
    // 返回值
    // 数组

    var words=["border","left","color"];
    // console.log(words)
    // words.reverse(); 
    // console.log(words)

    var a= words.reverse(); 
    console.log(a)

    var strs=["a","b","c","d"];
    // 返回dcba这个字符串
    var newstr=strs.reverse().join("~");
    console.log(newstr)

    // 3、sort() ---对数组的元素进行排序
    // 语法
    // arrayObject.sort(sortby)
    // 功能
    // 用于对数组的元素进行排序
    // 返回值
    // 数组
    // 说明
    // 1、即使数组中的每一项都是数值，sort()方法比较的也是字符串
    // 2、sort()方法可以接收一个 比较函数 作为参数


</script>