首頁 > web前端 > js教程 > ES6的擴充運算子怎麼使用

ES6的擴充運算子怎麼使用

php中世界最好的语言
發布: 2017-12-30 17:37:15
原創
2509 人瀏覽過

這次帶給大家的是ES6的擴充運算子怎麼使用,擴充運算子有以下4點作用,這篇文章就給大家好好分析一下。

一、展開陣列

//展开数组
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,c,d){
 console.log(a+b+c+d);
}
var p=[1,9,3,,6];
let result=fn(5,...p);开函数的调用
//打印出来的值18
登入後複製

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

相信看了以上介紹你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

js實作仿window系統行事曆效果

JS怎麼可以做到點擊跳到登陸的個人信箱

PHP的鍊式運算有幾種實作方式

以上是ES6的擴充運算子怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板