擴充套件運算子(es6)

2021-10-03 17:34:24 字數 1404 閱讀 2652

1.1合併陣列

var a = [0, 1, 2]

var b = [3, 4, 5]

var c = [...a, ...b] // [0,1,2,3,4,5]

//也可以用在push函式中

b.push(...a) // [0,1,2,3,4,5]

1.2 合併物件

let x = 

let y =

let z = //

1.3 陣列和物件結合

1.4 陣列和字串結合

let x = ['zhangsan']

let y = 'lisi'

let z = [...x, y] // ['zhangsan','lisi']

let a = [1, 2, 3, 4, 5, 6]

let [c, ...d] = a

console.log(c) // 1

console.log(d)// [2,3,4,5,6]

// 展開運算子必須放在最後一位

展開運算子可以將乙個類陣列物件變成乙個真正的陣列物件:

var list=document.getelementsbytagname('div');

var arr=[..list];

list是類陣列物件,而我們通過使用展開運算子使之變成了陣列。

// es6 寫法

function test(a,b,c)

var args = [0,1,2];

test(...args);//傳入的引數依次為a=0,b=1,c=2

// es5 的寫法

function test(a, b, c)

var args = [0, 1, 2];

//陣列

var a = [1,2,4]

var b = [...a]

a.push(6)

console.log(b) // [1,2,4]

//物件

var a =

var b =

a.a = 5

console.log(b.a) // 1

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1,陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先,我們要讀仔細下面這句話,就很容易知道擴充套件運算子的使用了,可以在心裡反覆讀三遍 接下來,我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...

es6擴充套件運算子

1 複製 拷貝 陣列 陣列元素都是基本資料型別 var arr a b c var copy arr console.log copy a b c arr copy false2 函式呼叫 陣列作引數 function add x,y var numbers 4 38 add numbers 423...