ES6 擴展字符串數(shù)組對象常用方法整理

數(shù)組擴展

  1. Array.from() 將類數(shù)組對象和可遍歷對象轉(zhuǎn)換成數(shù)組
Array.from('hello') // ['h', 'e', 'l', 'l', 'o']
  1. Array.of() 將一組值轉(zhuǎn)換為數(shù)組
Array.of(3, 2, 1) // [3,2,1]

Array.from([1, 2, 3], x => x * x) // [1, 4, 9]

Array.from([1, , 2, , 3], n => n || 0) // [1, 0, 2, 0, 3]

Array.from({ length: 2 }, () => 'jack') // ['jack', 'jack']
  1. copyWithin(target, start = 0, end = this.length) 復制成員

  2. find(),findIndex() 查找值乎芳,查找索引

[1, 4, -5, 10].find((n) => n < 0) // -5

[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

[NaN].findIndex(y => Object.is(NaN, y))// 0 和indexOf不同,可以找到NaN
  1. fill() 填充 (注意是淺拷貝)
new Array(3).fill(7) // [7, 7, 7]

['a', 'b', 'c'].fill(7, 1, 2) // ['a', 7, 'c']
  1. entries()坯汤,keys()和values()
for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"
  1. includes() 表示某個數(shù)組是否包含給定的值渊抄,可以找到NaN咱揍,可代替indexOf
[1, 2, NaN].includes(NaN) // true

[1, 2, 3].includes(3, 3);  // false
  1. flat(),flatMap() 拉平
[1, 2, [3, 4]].flat() // [1, 2, 3, 4]

[1, [2, [3]]].flat(Infinity) // [1, 2, 3] 默認只能拉平一層栖雾,可加入?yún)?shù)指定層數(shù)

[1, 2, , 4, 5].flat() // [1, 2, 4, 5] 會跳過空位

[2, 3, 4].flatMap((x) => [x, x * 2]) // [2, 4, 3, 6, 4, 8]

[1, 2, 3, 4].flatMap(x => [[x * 2]]) // [[2], [4], [6], [8]]
  1. 擴展運算符

對象擴展

  1. Object.is()

  2. Object.assign(target, source1, source2); 很常用格了,用的比較熟了就不介紹了(注意是一層深拷貝)

  3. Object.keys()棉胀,Object.values()村怪,Object.entries()

let {keys, values, entries} = Object;
let obj = { a: 1, b: 2, c: 3 };

for (let key of keys(obj)) {
  console.log(key); // 'a', 'b', 'c'
}

for (let value of values(obj)) {
  console.log(value); // 1, 2, 3
}

for (let [key, value] of entries(obj)) {
  console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
}

const obj = { 100: 'a', 2: 'b', 7: 'c' };
Object.values(obj)
// ["b", "c", "a"]

const obj = { foo: 'bar', baz: 42 };
Object.entries(obj)
// [ ["foo", "bar"], ["baz", 42] ]

Object.fromEntries([
  ['foo', 'bar'],
  ['baz', 42]
])
// { foo: "bar", baz: 42 }
  1. 擴展運算符

  2. 其他
    Object.getOwnPropertyDescriptors()方法秽浇,返回指定對象所有自身屬性(非繼承屬性)的描述對象
    Object.getOwnPropertyDescriptor()方法會返回某個對象屬性的描述對象
    Object.setPrototypeOf() 原型對象寫操作
    Object.getPrototypeOf() 原型對象讀操作
    Object.create() 原型對象生成操作

字符串擴展

includes() 返回布爾值,表示是否找到了參數(shù)字符串甚负。
startsWith() 返回布爾值柬焕,表示參數(shù)字符串是否在原字符串的頭部审残。
endsWith() 返回布爾值,表示參數(shù)字符串是否在原字符串的尾部斑举。
repeat(n) 重復
padStart(n,str) 頭部補全
padEnd(n,str) 尾部補全

數(shù)值擴展

Number.isFinite(), Number.isNaN()
Number.parseInt(), Number.parseFloat()
Number.isInteger() 是否是整數(shù)
Math.trunc() 去除一個數(shù)的小數(shù)部分搅轿,返回整數(shù)部分。
Math.sign() 為正數(shù)富玷,返回+1璧坟;為負數(shù),返回-1赎懦;為 0雀鹃,返回0;為-0励两,返回-0;其他值黎茎,返回NaN。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末当悔,一起剝皮案震驚了整個濱河市傅瞻,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌盲憎,老刑警劉巖嗅骄,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異饼疙,居然都是意外死亡掸读,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門宏多,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人澡罚,你說我怎么就攤上這事伸但。” “怎么了留搔?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵更胖,是天一觀的道長。 經(jīng)常有香客問我隔显,道長却妨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任括眠,我火速辦了婚禮彪标,結果婚禮上,老公的妹妹穿的比我還像新娘掷豺。我一直安慰自己捞烟,他們只是感情好薄声,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著题画,像睡著了一般默辨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上苍息,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天缩幸,我揣著相機與錄音,去河邊找鬼竞思。 笑死表谊,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的衙四。 我是一名探鬼主播铃肯,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼传蹈!你這毒婦竟也來了押逼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤惦界,失蹤者是張志新(化名)和其女友劉穎挑格,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沾歪,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡漂彤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了灾搏。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挫望。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖狂窑,靈堂內(nèi)的尸體忽然破棺而出媳板,到底是詐尸還是另有隱情,我是刑警寧澤泉哈,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布蛉幸,位于F島的核電站,受9級特大地震影響丛晦,放射性物質(zhì)發(fā)生泄漏奕纫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一烫沙、第九天 我趴在偏房一處隱蔽的房頂上張望匹层。 院中可真熱鬧,春花似錦锌蓄、人聲如沸又固。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仰冠。三九已至乏冀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洋只,已是汗流浹背辆沦。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留识虚,地道東北人肢扯。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像担锤,于是被迫代替她去往敵國和親蔚晨。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354