ES6 陣列的擴充套件

示例：

'btn'>按鈕

'btn'>按鈕
'btn'>按鈕
'btn'>按鈕
'btn'>按鈕

擴充套件運算子（spread）是三個點（…），它好比 rest 引數的逆運算，將乙個陣列轉為用逗號分隔的引數序列

let a=[12,3,4];

let b=[..a];//12 3 4  
let fun=(...values)=>
fun(1,2,3,4,5)
;//rest引數逆運算
let a1 = [1, 2, 3];
let b1 = [...a1]; //變為1，2，3
b1[0] = 10; //所以此時改變值不變化
console.log
(a1)
;//1,2,3

let btn = document.getelementsbyclassname

('btn');
console.log
(...btn)
;

let fun1 = function ()

let stu =
(stu,1,2,3)
;  //call  傳遞引數為序列型
(stu,[1,2,3])
// 不能修改this
fun1
(...[1, 2, 3])
;

let arr1 = [9, 1, 3, 2, 5, 4];

(null,arr1)
;    //let max=math.max
(9,1,3,2,5,4)
;    let max = math.max
(...arr1)
;    console.log
(max)
;//9

let a2 = [1, 2, 3];

let a3 = [4, 5, 6];
let a4 = [7, 8, 9];
//es5  合併
console.log
(a2.concat
(a3, a4)
);//[1,2,3,4,5,6,7,8,9]
console.log
(a2.concat
(a3).concat
(a4)
);//[1,2,3,4,5,6,7,8,9]

console.log

([...a2, ...a3, ...a4])
;//[1,2,3,4,5,6,7,8,9]

let btnlist = document.getelementsbyclassname

('btn');
console.log
(array.from
(btnlist)
);

console.log

(array.of
(1, 2, 3, 4, 5, 6));
console.log
(array.of.call
(null, 1, 2, 3, 4, 5, 6));
console.log
(null, [1, 2, 3, 4, 5, 6])
);//[1,2,3,4,5,6]

let list = [1, 2, 3, 4, 5];

//第一引數預設位置  開始替換
//start 位置開始
//end  位置結束
//在陣列中取某一段值  從那個位置開始覆蓋
let info1 = list.copywithin
(0, -2, -1)
;   console.log
(info1)
;//[4,2,3,4,5]

let item=[1,2,3,4,5,6];

let result=item.find((value,index,arr)=>);
console.log
(result)
;//undefined

let index=item.findindex((item,index,arr)=>);

console.log
(index)
;//-1

let item=[1,2,3,4,5,6];

fill  給定乙個值   當前陣列全覆蓋
console.log
(item.fill
('a'))
;        // fill  value  start  end
console.log
(item.fill
('b',0,3)
);

let da=[1,2,3,4,5];

console.log
(da.includes
(1))
;//true
console.log
(da.includes
(1,2)
);//false
console.log
(da.includes
(1,-5)
);//false

let k=[1,2,3,[4,5],[[5,6,7],[8,9,[10,11,[12,13]]]]];

//es6  自動降  flat
()  預設無參  降1層
console.log
(k.flat
(4))
;//降低四層  [1,2,3,4,5,6,7,8,9,10,11,12,13]

mk=[9,3,4,2,1,5];

console.log
(mk.sort()
);//預設小-大
console.log(mk.sort((x,y)=>))
;

Es6陣列擴充套件

示例 es5和es6的擴充套件運算子區別 let arr 1,2,3 function add a,b,c es5 es6 add arr 6 複製陣列 let arr 1,2,3 es5 let arr3 arr.concat 4 es6 let arr3 arr,4 console.log ar...

ES6陣列擴充套件

陣列建構函式的靜態方法。靜態方法 把函式當物件處理 key對應的value是函式 我們就說這個方法是靜態方法 否則就是靜態屬性 array.f 1 console.log array.f 靜態屬性 array.fn function array.fn 靜態方法array.from方法用於將兩類物件轉...

ES6 陣列的擴充套件

擴充套件運算子 spread 是三個點 它好比 rest 引數的逆運算，將乙個陣列轉為用逗號分隔的引數序列。console.log 1,2,3 console.log 1,2,3 console.log 1,2,3,4 5 轉殖陣列 const a1 1,2 寫法一 const a2 a1 寫法二 ...