es6擴充套件

2022-07-31 17:24:11 字數 2057 閱讀 1675

擴充套件

1.字串擴充套件

var str="hello world";

substring(1,4) 從第1個到第(4-1)個

substr(1,4) 從第乙個往後面數四個

重要事項:與 slice() 和 substr() 方法不同的是,substring() 不接受負的引數。

indexof(searchvalue,fromindex)

//檢測是否存在字串searchvalue 開始檢索的位置在字串的 fromindex 處或字串的開頭(沒有指定 fromindex 時)如果找到乙個 searchvalue,則返回 searchvalue 的第一次出現的位置。stringobject 中的字元位置是從 0 開始的。

str.startswith("hello" ,4); //字串是否是開頭 返回true 第二個引數表示搜尋的位置

str.endswith("hello"); //字串是否是結尾 返回false 第二個引數表示搜尋的位置

str.includes("o")//是否存在字串o 第二個引數表示搜尋的位置

if(str.indexof("o")!=-1)

str.repeat('3')

str.repeat('2.9') 重複兩次

//補全

var s='s';

s.padstart(5,'xy')//補全長度為5 xyxys

s.padend(4,'xy')//補全長度為4, sxyx

如果s字串已經超過4,5了 就不做任何操作

模板字串:${}

$(".list").html(''+item.name+'');

==$(".list").html(`$`);$`)

})}**************************

//數值的擴充套件

//方法前面都要加「number」

number.paseint();

number.parsefloat();

//函式擴充套件

function fun(x,y)

rest 引數 ...變數名

rest引數和乙個變數名搭配使用,生成乙個陣列,用於獲取函式多餘的引數

function fun(...values)

fun[123,33]

fun[34,3,90,12]

箭頭符號

函式名=引數=>函式體

let f=v=>v

let f=(n1,n2)=>

f(1,5)

let f1=(n1,n2)=>()

f1(6,5)

let f=v=>a(v);

function a(v)

f(3)

let f=(...nums)=>a(nums);

function a(v)

f(1,2,3,4,5)

擴充套件運算子( spread )是三個點(...)。它好比 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列

//...擴充套件運算子 數值的擴充套件

let f=(nums)=>a(nums);//此處沒有進行擴充套件運算 所以預設列印第乙個

function a(v)

var arr=[1,2,3,4,5]

f(...arr)

結果是1

let fun=function(x,y,z,q)

var arr=[1,2,3,4]

fun(arr)

結果是[1,2,3,4]

//...擴充套件運算子 陣列的擴充套件

let fun=function(...num)

var arr=[1,2,3,4]

fun(...arr)//...擴充套件運算子

結果是[1,2,3,4]

陣列合併:

var arr1=[1,2];

arr1.concat([3,4,5])

es6let arr2=[3,5];

[1,2,3,...arr2]

>結果[1,2,3,3,5]

[...arr2,1,2,3]

>結果[3,5,1,2,3]

ES6擴充套件

模板字串和標籤模板 const getcourselist function const getcourselist function foo val if status let ul document.createelement ul ul.innerhtml arr.join else pads...

ES6 函式擴充套件

函式在js裡是相當重要的一部分了,es6裡也新增了一些函式方法,來看一下 test hello hello world test hello kill hello kill es6增加了函式引數預設值,可以直接在宣告引數的同時賦預設值,但是也可以後面重新賦值 test2 kill 括號內有引數x時,...

ES6函式擴充套件

函式引數的預設值 在es5中,我們想給函式乙個預設值,需要這樣寫 function add x,y 在es6中 可以這樣寫 function add x,y ss add dd ddss add ss dd ssdd add dd dd我們只需要在引數上直接寫上我們想要的預設值就好了。當我們給函式乙...