JavaScript 字串解構賦值
所有解構賦值的目的都是為了變數賦值方便,有些操作是普通賦值方式難以做到的。
字串解構賦值原本可以不用單獨介紹,因為它是陣列解構賦值和物件解構賦值的一部分。
但是由於字串從表象上看起來與陣列和物件截然不同,所以單獨做一下介紹。
相關內容可以參閱如下兩篇文章:
(1).JavaScript陣列解構賦值一章節。
(2).JavaScript物件解構賦值一章節。
一.陣列解構賦值:
如果一個物件具有Iterator介面,就可以進行陣列解構賦值。
關於Iterator介面可以參閱JavaScript Iterator遍歷器一章節。
字串具有此介面,所以可以進行陣列解構賦值。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼let [a, b, c, d] ="螞蟻部落"; console.log(a,b,c,d);
程式碼執行效果截圖如下:
可以看到字串"螞蟻部落"中的字元就好像陣列的元素一樣,這都是Iterator遍歷器功勞。
二.物件結構賦值:
字串也可以參與物件結構賦值,因為字串也具有length,toString等屬性和方法。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼let{length,toString}="螞蟻部落"; console.log(length); console.log(toString===String.prototype.toString);
程式碼執行效果截圖如下:
字串"螞蟻部落"雖然表面上看一個值型別資料,怎麼會具有length等屬性。
這是因為當它在使用的時候,首先會臨時包裝為一個物件,於是可以使用String物件的方法或者屬性。
看如下程式碼例項:
[JavaScript] 純文字檢視 複製程式碼console.log("螞蟻部落".length);
程式碼執行效果截圖如下:
那麼上面的物件解構賦值就很容易理解了。
相關文章
- JavaScript 物件解構賦值JavaScript物件賦值
- let-const-解構賦值-字串賦值字串
- JavaScript陣列解構賦值JavaScript陣列賦值
- JavaScript解構賦值的用途JavaScript賦值
- JavaScript函式引數解構賦值JavaScript函式賦值
- 解構賦值賦值
- JavaScript 解構賦值小括號的應用JavaScript賦值
- JS解構賦值JS賦值
- Javascript 解構賦值,將屬性/值從物件/陣列中取出,賦值給其他變數JavaScript賦值物件陣列變數
- ES6新特性總結之解構賦值和字串模板賦值字串
- ES6學習-4 解構賦值(1)陣列的解構賦值賦值陣列
- es6-解構賦值賦值
- ES6 解構賦值賦值
- 變數的解構賦值變數賦值
- ES6解構賦值賦值
- JavaScript 連等賦值JavaScript賦值
- ES6之解構賦值賦值
- ES6 解構賦值+改名賦值
- ES6-解構賦值及原理賦值
- ES6中的解構賦值賦值
- ES6學習解構賦值賦值
- ES6 - let與const,解構賦值賦值
- 解構賦值還有這麼多玩法?賦值
- JavaScript 等號 = 賦值運算子JavaScript賦值
- ES6 - 變數的解構賦值解析變數賦值
- ECMAScript 6入門 - 變數的解構賦值變數賦值
- ES6之變數的解構賦值變數賦值
- 【ES6基礎】解構賦值(destructuring assignment)賦值Struct
- ES6 -- 變數的解構賦值的用途變數賦值
- 基礎知識梳理~ES6 解構賦值賦值
- 深入ES6 三 變數的解構賦值變數賦值
- JavaScript 字串轉換數值型別JavaScript字串型別
- JavaScript 中物件解構時指定預設值JavaScript物件
- ES6學習筆記(五)【解構賦值,Iterator】筆記賦值
- ES6入門之變數的解構賦值變數賦值
- Javascript學習筆記——4.11 賦值表示式JavaScript筆記賦值
- 【系統學習ES6】第二節:解構賦值賦值
- Javascript之字串拼接詳解JavaScript字串