[想试试看JavaScript ] 阵列一些操作阵列好用的方法 (二)

阵列-一些操作阵列好用的方法 (二)

这篇整理一些常用的阵列方法

unshift

unshift 会添加一个或多个元素至阵列的开头，并回传阵列的新长度

语法：

Array.unshift(要新增的资料)

范例：

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

reverse()

reverse 会将原阵列反转，并且回传原阵列

语法：

Array.reverse()

范例：

var a=['one','two','three'];
var reversed=a.reverse();
console.log(a);  // ['three','two','one']
console.log(reversed); // ['three','two','one']

reverse 会将原阵列反转，并且回传原阵列的位置

所以修改阵列 a 也会修改到阵列 reversed。

var a=['one','two','three'];
var reversed=a.reverse();
console.log(a);  // ['three','two','one']
console.log(reversed); // ['three','two','one']

reversed.push('four'); 

console.log(a); // ['three','two','one','four']
console.log(reversed); //['three','two','one','four']

splice()

可以删除既有元素来改变原阵列。

或者，删除既有元素後加入新元素来改变阵列。

语法：

splice 包含三个参数

1. start：移除或要添加的序列号码
2. deleteCount：要移除的长度
3. item：要加入的元素

Array.splice(start,deleteCount,item)

范例：

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

设定第三个参数就可以添加或取代元素

var a=[1,2,3,4,5,6,7,8];
a.splice(5,1,100);
console.log(a); // [1,2,3,4,5,100,7,8] ( 6 被移除，100 被加到第 5 个位置)

var b=[1,2,3,4,5,6,7,8];
b.splice(5,3,100,300,500);
console.log(b); // [1,2,3,4,5,100,300,500] (6,7,8被移除，100,300,500被加进index为5,6,7位置)

var c=[1,2,3,4,5,6,7,8];
c.splice(5,0,300);
console.log(c); // [1,2,3,4,5,300,6,7,8] (没有元素被移除，100被加进index为5的位置)