1. 程式人生 > >js數組容器中包含的屬性和方法概述

js數組容器中包含的屬性和方法概述

js數組容器中包含的屬性和方法概述

1、.length----獲取數組長度;

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

2、shift()----刪除原數組第一項,並返回刪除元素的值;如果數組為空則返回undefined,直接在元數組上修改;

var arr= [1,2,3,4,5];
var result = arr.shift(); 
console.log(arr)   //[2,3,4,5]
console.log(result)   //1

3、unshift()----將參數添加到原數組開頭,並返回數組的長度,直接在元數組上修改;

arr = [1,2,3,4,5];
result = arr.unshift(-2,-1);

console.log(arr) //[-2,-1,1,2,3,4,5]
console.log(result) //7
4、pop()----刪除原數組最後一項,並返回刪除元素的值;如果數組為空則返回undefined,直接在元數組上修改;

arr= [1,2,3,4,5];
result = arr.pop();
console.log(arr) //[1,2,3,4]
console.log(result) //5

5、push()----將參數添加到原數組末尾,並返回數組的長度,直接在元數組上修改;

arr = [1,2,3,4,5];
result = arr.push(6,7);

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

6、concat()----數組合並,返回一個新數組,不影響原數組;

arr = [1,2,3,4,5];
result = arr.concat(6,7);
console.log(arr); //[1,2,3,4,5]
console.log(result); //[1,2,3,4,5,6,7]
7、sort()----將數組從小到大排序,直接在原數組上修改;

arr = [4,5,2,3,1];
result = arr.sort();
    console.log(arr);   //[1, 2, 3, 4, 5]
console.log(result)   //[1, 2, 3, 4, 5]

8、reverse()----將數組反序,直接在原數組上修改;

arr = [4,5,2,3,1];
result = arr.reverse()
console.log(arr);   //[1, 3, 2, 5, 4]
console.log(result)   //[1, 3, 2, 5, 4]

9、slice(startIndex,endIndex)----截取起始索引startIndex 到 結束索引endIndex之間的項組成新的數組,該新數組包括起始索引startIndex所對應的項,不包括結束索引endIndex所對應的項;

arr = [1,2,3,4,5];
result1 = arr.slice(2,5);
result2 = arr.slice(2);
console.log(arr)  //[1,2,3,4,5]
console.log(result1)  //[3,4,5]
console.log(result2)  //[3,4,5]

10、join(separator)----將數組的元素組起一個字符串,以separator為分隔符,省略的話則用默認用逗號為分隔符,不影響原數組;

arr= [1,2,3,4,5];
result = arr.join("|");
console.log(arr)  //[1, 2, 3, 4, 5]
console.log(result)  //1|2|3|4|5

11、splice(start,deleteCount,val1,val2,...)----從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,... ,直接在原數組上修改;

arr= [1,2,3,4,5];
result1 = arr.splice(2,2,7,8,9);
console.log(arr);   //[1,2,7,8,9,5]
console.log(result1);  //[3,4]
result2 = arr.splice(0,1);  //同shift
console.log(arr);   //[2,7,8,9,5]
console.log(result2);  //[1]
arr.splice(0,0,-2,-1);   //同unshift
console.log(arr);  //[-2,-1,2,7,8,9,5]
result3 = arr.length;
console.log(result3);  //7
result4 = arr.splice(arr.length-1,1); //同pop
console.log(arr); //[-2,-1,2,7,8,9]
console.log(result4);  //[5]
arr.splice(arr.length,0,6,7);   //同push
console.log(arr);  //[-2,-1,2,7,8,9,6,7]
result5 = arr.length;
console.log(result5)  //8

js數組容器中包含的屬性和方法概述