前言
創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站,集網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作于一體,網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營銷、軟文平臺(tái)等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計(jì),讓網(wǎng)站在運(yùn)行后,在搜索中有好的表現(xiàn),專業(yè)設(shè)計(jì)制作為您帶來效益的網(wǎng)站!讓網(wǎng)站建設(shè)為您創(chuàng)造效益。
ES6包含了許多新的語言特性,這會(huì)讓JS變的更加強(qiáng)大且富有表現(xiàn)力。本文將給大家詳細(xì)介紹關(guān)于ES6中Map的常用方法,話不多說,來一起看看詳細(xì)的介紹:
1.Map 結(jié)構(gòu)轉(zhuǎn)為數(shù)組結(jié)構(gòu)
比較快速的方法是結(jié)合使用擴(kuò)展運(yùn)算符(...)
let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'], ]); [...map.keys()] // [1, 2, 3] [...map.values()] // ['one', 'two', 'three'] [...map.entries()] // [[1,'one'], [2, 'two'], [3, 'three']] [...map] // [[1,'one'], [2, 'two'], [3, 'three']]
2.Map 循環(huán)遍歷
Map 原生提供三個(gè)遍歷器:
下面是使用實(shí)例。
let map = new Map([ ['F', 'no'], ['T', 'yes'], ]); for (let key of map.keys()) { console.log(key); } // "F" // "T" for (let value of map.values()) { console.log(value); } // "no" // "yes" for (let item of map.entries()) { console.log(item[0], item[1]); } // "F" "no" // "T" "yes" // 或者 for (let [key, value] of map.entries()) { console.log(key, value); } // 等同于使用map.entries() for (let [key, value] of map) { console.log(key, value); }
上面代碼最后的那個(gè)例子,表示 Map 結(jié)構(gòu)的默認(rèn)遍歷器接口(Symbol.iterator 屬性),就是 entries 方法。
map[Symbol.iterator] === map.entries // true
3.Map 獲取長度
map.size;
4.Map 獲取第一個(gè)元素
const m = new Map(); m.set('key1', {}) m.set('keyN', {}) console.log(m.entries().next().value); // [ 'key1', {} ]
獲取第一個(gè)key
console.log(m.keys().next().value); // key1
獲取第一個(gè)value
console.log(m.values().next().value); // {}
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。
文章標(biāo)題:ES6學(xué)習(xí)教程之Map的常用方法總結(jié)
文章位置:http://muchs.cn/article2/gecsic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站導(dǎo)航、企業(yè)網(wǎng)站制作、Google、用戶體驗(yàn)、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)