国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

JavaScript /react 中new Map的用法

這篇具有很好參考價值的文章主要介紹了JavaScript /react 中new Map的用法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

new Map()

size屬性:

size屬性返回Map結(jié)構(gòu)的成員總數(shù)。

set(key, value):

set方法設(shè)置key所對應(yīng)的鍵值,然后返回整個Map結(jié)構(gòu)。如果key已經(jīng)有值,則鍵值會被更新,否則就新生成該鍵。

// 常用寫法
var obj = new Map()
obj.set("age", 12)        // 鍵是字符串
obj.set(0, "standard")     // 鍵是數(shù)值
obj.set(undefined, "nah")     // 鍵是undefined

//set方法返回的是Map本身,也可以采用鏈?zhǔn)綄懛ā?/span>
var map = new Map()
.set(1, 'a')
.set(2, 'b')
.set(3, 'c');

get(key)

get方法讀取key對應(yīng)的鍵值,如果找不到key,返回undefined。

has(key)

has方法返回一個布爾值,表示某個鍵是否在Map數(shù)據(jù)結(jié)構(gòu)中。

delete(key)

delete方法刪除某個鍵,返回true。如果刪除失敗,返回false。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.has('hello')  // true
obj.delete('hello')
obj.has('hello')  // false

clear()

lear方法清除所有成員,沒有返回值。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.size // 1
obj.clear()
obj.size // 0

Array.from執(zhí)行map對象后返回一個二維數(shù)組

.values()

獲取Map的value值

var obj = new Map()
obj.set("hello", 'Hello')
obj.set("h", 'ES6')
Array.from(obj.values()) //['Hello','ES6']

.keys()

獲取Map的key值文章來源地址http://www.zghlxwxcb.cn/news/detail-840172.html

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.set("h", 'ES6')
Array.from(obj.keys()) //["hello","h"]

到了這里,關(guān)于JavaScript /react 中new Map的用法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • JavaScript之React

    前言 React 是一個用于構(gòu)建用戶界面的 JavaScript 庫,由 Facebook 開發(fā)。它可以讓開發(fā)者編寫可重復(fù)使用的 UI 組件,并且可以自動地更新 UI。React 的運行原理可以分為兩個部分:虛擬 DOM 和組件更新。 虛擬 DOM React 使用虛擬 DOM 來代表實際的 DOM 樹。虛擬 DOM 是一個輕量級的 JavaSc

    2024年02月06日
    瀏覽(28)
  • React框架:TypeScript支持的JavaScript庫

    React 框架是一個功能強(qiáng)大的 JavaScript 庫,讓用戶可以輕松地構(gòu)建高度動態(tài)的用戶界面。它借助虛擬 DOM 的思想實現(xiàn)高效的性能,并具有易于使用和靈活的編程接口。隨著越來越多的人開始使用 React ,在不斷的發(fā)展和變化中, React 框架現(xiàn)在加入了 TypeScript 的支持,使其成為一個

    2024年02月11日
    瀏覽(38)
  • 【JavaScript】JS——Map數(shù)據(jù)類型

    【JavaScript】JS——Map數(shù)據(jù)類型

    存儲鍵值對的對象。 能夠記住鍵的原始插入順序 任何值(對象或原始值)都可以作為鍵或值。 Map中的一個鍵 只能出現(xiàn)一次 ,新的值會覆蓋舊的值。 迭代方式:for…of循環(huán),返回一個 [key,value] 的數(shù)組。 鍵的相等:基于零值相等比較 Map與Object的比較 Map默認(rèn)不包含任何鍵。

    2024年02月04日
    瀏覽(23)
  • JavaScript獲取時間(js中的new Date(),獲取前7天時間)

    JavaScript獲取時間(js中的new Date(),獲取前7天時間)

    簡述:我們在寫Echarts的時候,難免會用到j(luò)s中的new Date(),用來獲取時間, 今天就來分享下它的用法,順便做下筆記。 關(guān)于new Date()的一些js方法: 輸出: 1、 獲取前一段時間的日期 難點: 這里用到了setDate()方法,該方法用于實現(xiàn)日期的相加減,它接收一個整數(shù),如果這個整

    2024年02月09日
    瀏覽(31)
  • 從javascript到vue再到react:前端開發(fā)框架的演變

    從javascript到vue再到react:前端開發(fā)框架的演變

    目錄 JavaScript: 動態(tài)語言的基礎(chǔ) JavaScript:Web開發(fā)的起點 Vue.js: 漸進(jìn)式框架的興起 Vue.js:簡潔、高效的前端框架 React.js: 聲明式UI的革新 React.js:強(qiáng)大、靈活的前端框架 演變之路與未來展望 演變過程 當(dāng)提到前端開發(fā)中的框架時,JavaScript、Vue.js和React.js是三個最常見的名詞。它

    2024年02月07日
    瀏覽(34)
  • JavaScript中的時間日期函數(shù)new Date()(JS中5種獲取時間戳的函數(shù))

    簡介: JavaScript 中的 new Date() 方法用于創(chuàng)建一個新的 Date 對象,該對象表示當(dāng)前日期和時間。Date 對象提供了許多方法和屬性,可以用于獲取和設(shè)置日期和時間信息。 new Date([year, month, day, hour, minute, second, millisecond]) 其中,每個參數(shù)都是可選的。如果沒有指定參數(shù),則 new Dat

    2024年02月04日
    瀏覽(31)
  • 面試題-React(三):什么是JSX?它與常規(guī)JavaScript有什么不同?

    面試題-React(三):什么是JSX?它與常規(guī)JavaScript有什么不同?

    在React的世界中,JSX是一項引人注目的技術(shù),它允許開發(fā)者在JavaScript中嵌套類似HTML的標(biāo)簽,用于描述UI組件的結(jié)構(gòu)。本篇博客將通過豐富的代碼示例,深入探索JSX語法,解析其在React中的用法和優(yōu)勢。 一、JSX基礎(chǔ)語法 在React項目中,你會經(jīng)??吹筋愃艸TML的代碼塊,這就是JS

    2024年02月12日
    瀏覽(22)
  • 在JavaScript中的防抖函數(shù) - 通過在React中構(gòu)建自動完成功能來解釋

    在JavaScript中的防抖函數(shù) - 通過在React中構(gòu)建自動完成功能來解釋

    當(dāng)你將一個新應(yīng)用推向生產(chǎn)環(huán)境時,你希望確保它用戶友好。網(wǎng)站的性能是用戶體驗的關(guān)鍵部分。每個用戶都希望網(wǎng)站及其內(nèi)容能夠快速加載。每一秒都是寶貴的,可能導(dǎo)致用戶再也不會訪問你的網(wǎng)站。 在本指南中,我們將了解JavaScript中一個非常重要的技術(shù),即防抖函數(shù)。

    2024年02月19日
    瀏覽(40)
  • react狀態(tài)管理工具reduxjs/toolkit用法

    安裝?npm install @reduxjs/toolkit 1.創(chuàng)建一個名為 counterSlice.js 的文件,用于處理計數(shù)器模塊的狀態(tài): 2.創(chuàng)建一個名為 userSlice.js 的文件,用于處理用戶信息模塊的狀態(tài): 3.創(chuàng)建一個Redux store并將這些模塊整合起來。創(chuàng)建一個名為 store.js 的文件: 4.在你的應(yīng)用程序的入口處,將store與

    2024年02月15日
    瀏覽(15)
  • JavaScript 發(fā)布-訂閱設(shè)計模式實現(xiàn) React EventBus(相當(dāng)于vue的$Bus)非父子之間通信

    參考文檔:https://github1s.com/browserify/events/blob/main/events.js ? ? ? ? ? ? ? ? ?https://www.npmjs.com/package/events ? ? ? ? ? ? ? ? ?https://github.com/browserify/events ? ? ? ? ? ? ? ? ? ? 首先先新建一個文件eventBus.tsx 然后再組件A使用=接收 然后再組件B使用=觸發(fā) ? ? 安裝這個events插件

    2023年04月18日
    瀏覽(373)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包