javascript原生数组操作指南(一)

  1. 数组的创建
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
var arrayObj = []; //建议使用这种方式创建数组

//for example
var arr = new Array();
var arr = new Array(2);
var arr = new Array(1,2);
var arr = [1,2];

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为2,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。


2.数组元素的访问

var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

//for example
var arr = [1,2];
console.log(arr[0]);   //1
console.log(arr[1]);   //2
//赋值
arr[1]=3;
console.log(arr); //[1,3]

3.数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(index,howmany,item1,.....,itemX);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""

//for example
//push方法
var arr =[1,2];
var sum =arr.push(3,"计算器");
console.log(sum); //4
console.log(arr);  //[1,2,3,"计算器"]

//unshift方法
var arr  = [1,2];
var sum = arr.unshift(3,"计算器");
console.log(sum); //4
console.log(arr); //[ 3, '计算器', 1, 2 ]

//splice方法
var arr = [1,2,3];
arr.splice(1,0,'William');
console.log(arr);//[ 1, 'William', 2, 3 ]
arr.splice(1,1);//从数组的第一个元素,删除一个
console.log(arr);// �[ 1, 2, 3 ]

4.数组元素的删除

arrayObject.pop() //用于删除并返回数组的最后一个元素.pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
arrayObject.shift() //方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

//for example
//pop方法
var arr = [1,2,3,4];
var delsum = arr.pop();
console.log(arr); //[1,2,3]
console.log(delsum);//4 

//shift方法
var arr = [1,2,3,4];
var sum = arr.shift();
console.log(arr); //[2,3,4]
console.log(sum);//1 

5.数组元素的合并

arrayObject.concat(arrayX,arrayX,......,arrayX)
//方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

//for example
var arr = [1,2];
var arr1 = [3,4];
var total = arr.concat(arr1);
console.log(total);//��[ 1, 2, 3, 4 ]
var total1 = arr.concat(arr1,arr1);
console.log(total1);//[ 1, 2, 3, 4, 3, 4 ]

你可能感兴趣的:(javascript原生数组操作指南(一))