H5中js中数组基础总结

H5中js二阶段第二周总结

一数组

• 1、数组的定义：有序的值的集合。
• 2、数组的两种创建方法如下所示：

var arr1 = [1,2,3,4];//字面量定义方法

var arr2 =new Array(1);//构造函数定义方法 当有一个值时表示数组的长度

var arr3=new Array(1,2);//构造函数定义方法 表示数组的值

• 3、数组中的方法

3.1push 像数组尾部增加元素 可接受多个数字，返回新元素组的长度。

var arr3=new Array(1,2);
          vara= arr3.push(5);
           console.log(a); //(3) 

 

3.2pop删除数组中尾部的元素，不接受参数，返回删除的元素

var arr3=new Array(1,2,3);

var a=arr3.pop();
            console.log(a);//3

 

3.3unshift 数组头部增加元素，可接受多个元素，返回数组长度

var arr1 = [1,2,3,4];

var a=arr1.unshift(0);
 console.log(a);//5  

 

3.4shift数组头部删除元素，不接受参数，返回删除的元素

var arr1 = [1,2,3,4];

var a=arr1.shift();
 console.log(a);//1

 

3.5slice截取数组，无参数时。返回原数组，两个参数时，从第一个参数对应的索引开始，到第二个参数对应的索引结束，不包含第二个索引对应的值，返回截取之后的数组。当第二个参数为负值时表示从数组尾部向前截取。

var arr1 = [1,2,3,4，5,6,7];

var a=arr1.slice(1,3);
            console.log(a);//[2,3]

var a=arr1.slice(1,-2);
            console.log(a);//[2,3,4，5]

 

3.6splice截取数组，一个参数时表示从此索引对应的位置开始截取，两个参数时，第二个参数表示截取的个数，返回截取的数组。

var arr1 = [1,2,3,4,];

var a= arr1.splice(1,2);
  console.log(a);//[2,3]

splice(start,0,value);//其中用法最多的是把一个值按要求插入到数组中某个位置，并返回数组。这也是数组中常用的方法

 

3.7reverse 翻转数组，不接受参数。

  var arr1 = [1,2,3,4,5,6,7];

var a=arr1.reverse();

console.log(a);//(7) [7, 6, 5, 4, 3, 2, 1]

 

3.8sort数组排序，不接受参数,

var arr1 = [1,2,4,7,5,6,7]

var a=arr1.sort();

 console.log(a);//[1, 2, 4, 5, 6, 7, 7]

 //用法最多的如下

 arr1.sort(function(a,b){
                return a - b;//从小到大
//              return b - a;//从大到小
            })
            
            console.log(arr1);
              

 

3.9join 数组转字符串

var arr1 = [1,2,4,7,5,6,7];

var a= arr1.join();
console.log(a);//1,2,4,7,5,6,7 string类型的

3.10concat 连接多个数组

var a = [1,2,3];
document.write(a.concat(4,5));

//[1,2,3,4,5]

 

• 4.数组遍历

for 用于遍历数组

for.. in 多用于遍历对象