ES6基礎知識3 擴充套件運算子

2021-08-20 18:00:05 字數 2266 閱讀 9816

當編寫乙個方法時,我們允許它傳入的引數是不確定的。這時候可以使用物件擴充套件運算子來作引數,看乙個簡單的列子:

function judy(...arg)

judy(1,2,3) ;//1 2 3 undefined

judy(0,1,2,3) ;//0 1 2 3

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

let arr2 = arr1;

console.log(arr2);

arr2.push('d');

console.log(arr1);//["a", "b", "c", "d"]

let arr1=['www','judy','yanmeng'];

//let arr2=arr1;

let arr2=[...arr1];

console.log(arr2);

arr2.push('zhu');

console.log(arr2); //['www','judy','yanmeng','zhu']

console.log(arr1); //['www','judy','yanemng']
引數的輸出:
//rest運算子

function judy(first,...arg)

judy(0,1,2,3,4,5,6,7);//[1, 2, 3, 4, 5, 6, 7]

迴圈輸出函式的引數 judy(first,...arg)

//迴圈輸出引數的值(不包括第乙個)

function judy(first,...arg)

}jspang(1,3,5,7,9,2,4);//3 5 7 9 2 4

for…of的迴圈可以避免我們開拓記憶體空間,增加**執行效率,所以建議大家在以後的工作中使用for…of迴圈。有的小夥伴會說了,反正最後要轉換成es5,沒有什麼差別,但是至少從**量上我們少打了一些單詞,這就是開發效率的提高。

字串模板

//字串模板

let judy = 'zhuyanmeng';

let miaoshu = `很高興與您相遇$.謝謝!`; //注意:這個必須是兩屆好(鍵盤tab鍵上面的那個)

document.write(miaoshu );

對運算的支援

let a = 1;

let b = 2;

let result=`$`; //這個引號特別注意:tab鍵上面的引號

document.write('計算結果為'+result); //計算結果為3

字串的查詢
//查詢是否存在

let judy = 'zhuyanmeng';

let miaoshu = `很高興與您相遇$.謝謝!`; //注意:這個必須是兩屆好(鍵盤tab鍵上面的那個)

document.write(miaoshu.includes(judy) ); //true

//判斷開頭是否存在

document.write(miaoshu.startswith(judy) );//false

//判斷結尾是否存在

document.write(miaoshu.endswith(judy) );//false

數字驗證
//數字驗證

let a =2;

console.log(number.isfinite(a)); //true

console.log(number.isfinite('judy')); //false

console.log(number.isfinite('nan'));//false

console.log(number.isfinite('undefined'));//false

複製字串或者陣列
//複製字串/或陣列

//我們有時候是需要字串重複的,比如分隔符和特殊符號,這時候複製字串就派上用場了,語法很簡單。

//repeat(number) repeat可以複製陣列也可以複製引數 number複製幾次

document.write('jspang|'.repeat(3)); //jspang|jspang|jspang|

document.write('[1,2,3,4]'.repeat(3)); //[1,2,3,4][1,2,3,4][1,2,3,4]

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