es6 Array陣列方法

2022-09-01 02:18:09 字數 3882 閱讀 9571

1.concat() 方法用於合併兩個或多個陣列。此方法不會更改現有陣列,而是返回乙個新陣列

let array1=['a','b','c'];

let array2=['d','e','f'];

console.log(array1.concat(array2));

//兩個陣列合併為乙個新陣列:

let array1=['a','b','c'];

var array2=[1,2,3];

alert(array1.concat(array2));

//兩個陣列合併為乙個新陣列:

let array1=['a','b','c'];

var array2=[1,2,3];

alert(array1.concat(array2));

//連線三個陣列

let num1=[1,2,3],

num2=[4,5,6],

num3=[7,8,9];

let nums=num1.concat(num2,num3);

console.log(nums);

//合併巢狀陣列

let num1=[[1]];

let num2=[2,[3]];

let nums=num1.concat(num2);

console.log(nums);

num1[0].push(4);

console.log(nums);

2.map()方法建立乙個新陣列,其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果

let numbers = [1, 5, 10, 15];

let doubles = numbers.map( x => x ** 2);

console.log(numbers);

console.log(doubles);

const numbers = [2, 4, 8, 10];

let halves = numbers.map(x => x / 2);

console.log(halves);

let numbers = [1, 4, 9];

let roots = numbers.map(math.sqrt);//sqrt開平方根

console.log(roots);

//slice() 方法返回乙個從開始到結束(不包括結束)選擇的陣列的一部分淺拷貝到乙個新陣列物件。原始陣列不會被修改

var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));

用於確定傳遞的值是否是乙個 array。

alert(array.isarray([1, 2, 3]));

// true

alert(array.isarray());

// false

alert(array.isarray("foobar"));

// false

alert(array.isarray(undefined));

// false

下面的函式呼叫都返回 true

alert(array.isarray());

alert(array.isarray([1]));

alert(array.isarray(new array()));

// 鮮為人知的事實:其實 array.prototype 也是乙個陣列。

alert(array.isarray(array.prototype));

下面的函式呼叫都返回 false

alert(array.isarray());

alert(array.isarray({}));

alert(array.isarray(null));

alert(array.isarray(true););

alert(array.isarray(false););

4.join()方法將乙個陣列的所有元素連線成乙個字串並返回這個字串。

let a=['suga','jimin','v'];

console.log(a.join()); // 'suga,jimin,v'

console.log(a.join("")); // 'sugajiminv'

console.log(a.join("-")); //suga-jimin-v

let a=['suga','jimin','v'];

let myvar1=a.join();

let myvar2=a.join(', ');

let myvar3=a.join('+');

console.log(myvar1); //suga,jimin,v

console.log(myvar2); //suga, jimin, v

console.log(myvar3); //suga+jimin+v

5. pop()方法從陣列中刪除最後乙個元素,並返回該元素的值。此方法更改陣列的長度。

let a = [1, 2, 3];

console.log(a.length); // 3

a.pop(); // 3

console.log(a); // [1, 2]

// a.length; // 2

6. push() 方法將乙個或多個元素新增到陣列的末尾,並返回新陣列的長度。

var numbers=[1,2,3];

numbers.push(4);

console.log(numbers); // [1, 2, 3, 4]

numbers.push(5, 6, 7);

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

7.shift() 方法從陣列中刪除第乙個元素,並返回該元素的值。此方法更改陣列的長度。

let a = [1, 2, 3];

let b = a.shift();

console.log(a); // [2, 3]

console.log(b); // 1

8.slice() 方法返回乙個從開始到結束(不包括結束)選擇的陣列的一部分淺拷貝到乙個新陣列物件。原始陣列不會被修改

var animals=['ant','bison','camel','duck','elephant'];

console.log(animals.slice(4));//刪除第4個

var scores = [1, 10, 21, 2]; 

console.log(scores.sort());

9.splice() 方法通過刪除現有元素和/或新增新元素來更改乙個陣列的內容。

var myfish = ['angel', 'clown', 'mandarin', 'sturgeon'];//索引從1開始

myfish.splice(2, 0,'drum'); // 在索引為2的位置插入'drum'

console.log(myfish)// myfish 變為 ["angel", "clown", "drum", "mandarin", "sturgeon"]

myfish.splice(2, 1); // 從索引為2的位置刪除一項(也就是'drum'這一項)

// myfish 變為 ["angel", "clown", "mandarin", "sturgeon"]

10.unshift() 方法將乙個或多個元素新增到陣列的開頭,並返回新陣列的長度。

let a=[1,2,3];

a.unshift(4,5);

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

ES6陣列方法

類似字串的indexof 方法 1 stringobject.indexof searchvalue,fromindex 2 3 var data 2,5,7,3,5 4 console.log data.indexof 5,x 1 x 被忽略 5 console.log data.indexof ...

es6之陣列方法

一丶類陣列 const divs document.getelementsbytagname div console.log divs htmlcollection console.log divs instanceof array false1.用es5的方法將類陣列變為陣列,借助slice方法 ...

ES6陣列方法總結

關於陣列中foreach map filter reduce some every 的總結let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array...