JavaScript常用的ES6特性

2021-09-12 10:54:56 字數 1670 閱讀 2738

/* 1.析構函式

a.使用場景,多返回值

b.數值交換,不用再引入中間變數

*/function returnvalues()

let [a, b, c] = returnvalues();

console.log(a, b, c);//a=1,b=2,c=3

let x = 1, y = 2;

[x, y] = [y, x];

console.log(x, y);//2 1

/* 

a.自動補齊位數(padstart):時間格式化,要求返回結果yyyymmdd

b.是否包含某個字串(includes)

c.是否已某個字元為開頭(startswith)

d.模板字串(``)

*/function returndate()

console.log(returndate());//20190201

console.log("12345".includes("23"));//true

console.log("12345".startswith("123"));//true

let username = '張三';

console.log(`他的姓名叫$`);//他的姓名叫張三

/* 

a.陣列值轉換fill(替換值,逗號起始位置開始,逗號結束位置截止)

b.獲取陣列索引和值 entries

c.陣列查詢

*/ let arr = [1, 2, 'a', undefined];

console.log(arr.fill(3, 2, 4));//[1,2,3,3]

for (let [index, value] of arr.entries()) :$`);//0:1 1:2 2:3 3:3

} console.log(arr.find(function (item) ));//3 找到第乙個符合條件的陣列成員

console.log(arr.findindex(function (item) ));//1 返回第乙個符合條件的陣列成員的下標

console.log(arr.includes(1));//true 判斷陣列是否包含某個值

/* 

a.函式預設值

b.rest引數 將實參轉為乙個陣列

c.擴充套件運算子 將陣列轉為乙個離散值

d.箭頭函式 類似lambda表示式,委託

*/function test(x, y = 'world')

test('hello');//hello,world

test('hello', 'china');//hello,china

function test1(...args)

}test1(1, 2, 3, 4);//1 2 3 4

test1(1, 2, 'a');//1 2 a

console.log('a', ...[1, 2, 3]);//a 1 2 3

let arrow = v => v * 2;

console.log(arrow(3));//6

let arrow2 = () => 5;

console.log(arrow2());//5

javascript常用的功能

有的時候輸入框不想使用者任意輸入很長的內容,這時,就需要限制輸入長度值了。比如最多只能輸入10個,乙個中文字元也算乙個,而不是兩個或者三個,只需要給input加乙個maxlength屬性即可。那就if a z test abcd else var nowdate new date nowdate.s...

常用的JavaScript方法

陣列方法 判斷是否為陣列 array.isarray 方法 var arr 1 2 var obj function isarray o console.log isarray obj 1 push and pop push 接收任意數量引數,新增到陣列末尾,返回陣列長度,會改變原陣列 pop 刪除...

javascript的常用函式

1 編寫乙個方法 求乙個字串的位元組長度 2編寫乙個方法 去掉乙個陣列的重複元素 3說出3條以上ff和 ie的指令碼相容問題 ie 有children,ff 沒有 ie 有parentelement,ff 沒有 ie 有innertext,outertext,outerhtml,ff 沒有 ff 有...