ES6(2)

  • Array.from
    用于將兩類對象轉為真正的數組:類似數組的對象( array-like object )和可遍歷( iterable )的對象(包括 ES6 新增的[數據結構]Set 和Map )暇番。
數組復制
1.for循環(huán)
2.splice(0,arr.length)
3.[...arr]
4.Array.from(arr);
...延伸
function show1(){
console.log(arguments) //1,2,3
arguments.push(4)   //error
}
show1(1,2,3)
function show2(...args){
console.log(args) //[1,2,3]
args.push(4)   //[1,2,3,4]
}
show2(1,2,3)
  • for of 遍歷(迭代)對象
var myArray = ['a','b','c','d']
for (var value of myArray) {   
    console.log(value);   //a ,b ,c,d
} 

這是目前遍歷數組最簡潔和直接的語法欢揖;
它避免了for-in的所有缺陷柒爸;
與forEach()不一樣白魂,它支持break西土,continue和return魄揉。
for-in循環(huán)用于遍歷對象屬性。
for-of循環(huán)用于遍歷數據——比如數組中單值金赦。

  • Map,Set 和 WeakMap音瓷,WeakSet
    這些是新加的集合類型,提供了更加方便的獲取屬性值的方法夹抗,不用像以前一樣用hasOwnProperty來檢查某個屬性是屬于原型鏈的呢還是當前對象的绳慎。同時,在進行屬性值添加與獲取時有專門的get漠烧,set 方法杏愤。
// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;
// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;
m.delete('s')
for(var [key,val] of m){
    console.log(key , val) ;
}
Map原生提供三個遍歷器生成函數和一個遍歷方法。
1.keys():返回鍵名的遍歷器沽甥。
2.values():返回鍵值的遍歷器声邦。
3.entries():返回所有成員的遍歷器。
4.forEach():遍歷Map的所有成員摆舟。

有時候我們會把對象作為一個對象的鍵用來存放屬性值亥曹,普通集合類型比如簡單對象會阻止垃圾回收器對這些作為屬性鍵存在的對象的回收邓了,有造成內存泄漏的危險。而WeakMap,WeakSet則更加安全些媳瞪,這些作為屬性鍵的對象如果沒有別的變量在引用它們骗炉,則會被回收釋放掉,具體還看下面的例子蛇受。

// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined
// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });//因為添加到ws的這個臨時對象沒有其他變量引用它句葵,所以ws不會保存它的值,也就是說這次添加其實沒有意思
  • 單例模式
對象語法簡潔化
var name = 'name';
var json = {
    name,
    show(){
        console.log(this.name)
    },
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末兢仰,一起剝皮案震驚了整個濱河市乍丈,隨后出現的幾起案子,更是在濱河造成了極大的恐慌把将,老刑警劉巖轻专,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異察蹲,居然都是意外死亡请垛,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門洽议,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宗收,“玉大人,你說我怎么就攤上這事亚兄』旎” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵审胚,是天一觀的道長荚坞。 經常有香客問我,道長菲盾,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任各淀,我火速辦了婚禮懒鉴,結果婚禮上,老公的妹妹穿的比我還像新娘碎浇。我一直安慰自己临谱,他們只是感情好,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布奴璃。 她就那樣靜靜地躺著悉默,像睡著了一般。 火紅的嫁衣襯著肌膚如雪苟穆。 梳的紋絲不亂的頭發(fā)上抄课,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天唱星,我揣著相機與錄音,去河邊找鬼跟磨。 笑死间聊,一個胖子當著我的面吹牛,可吹牛的內容都是我干的抵拘。 我是一名探鬼主播哎榴,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼僵蛛!你這毒婦竟也來了尚蝌?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤充尉,失蹤者是張志新(化名)和其女友劉穎飘言,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體喉酌,經...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡热凹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了泪电。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片般妙。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖相速,靈堂內的尸體忽然破棺而出碟渺,到底是詐尸還是另有隱情,我是刑警寧澤突诬,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布苫拍,位于F島的核電站,受9級特大地震影響旺隙,放射性物質發(fā)生泄漏绒极。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一蔬捷、第九天 我趴在偏房一處隱蔽的房頂上張望垄提。 院中可真熱鬧,春花似錦周拐、人聲如沸铡俐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽审丘。三九已至,卻和暖如春勾给,著一層夾襖步出監(jiān)牢的瞬間滩报,已是汗流浹背锅知。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留露泊,地道東北人喉镰。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像惭笑,于是被迫代替她去往敵國和親侣姆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內容