ES6擴充套件運算子用法例項分析

2022-09-27 02:24:11 字數 747 閱讀 6222

擴充套件運算子用三個點號表示,功能是把陣列或類陣列物件展開成一系列用逗號隔開的值,擴充套件運算子有以下幾點作用

一、展開陣列

//展開陣列

let 程式設計客棧a = [1,2,3,4,5],

b = [...a,6,7];

console.log(b);

//列印出來的值[1, 2, 3, 4, 5, 6, 7]

二、陣列的拷貝

//陣列的拷貝

var c = [1, 2, 3];

var d = [...c];

d.push(4);

console.log(d);

//列印出來的值[1, 2, 3, 4]

三、陣列的合併

//陣列的合併

var j = [7, 1, 2];

var k = [5, 0, 8];

j = [...k程式設計客棧, ...j];

console.log(j)

//列印出來的值[5, 0, 8, 7, 1, 2]

四、展開函式的呼叫

//展開函式呼叫

function fn(a,b,ukutfwc,d)

var p=[1,9,3,,6];

let result=fn(5,...p);開函式的呼叫

//列印出來的值18

擴充套件運算子(spread)是三個點(…),將乙個陣列||類陣列||字串轉為用逗號分隔的序列。這傢伙是用來對陣列進行操作的,把陣列裡面的東西統統拿出來

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...