基于js中的存儲鍵值對以及注意事項介紹
更新時間：2018年03月30日 11:11:10 作者：wickedvalley
下面小編就為大家介紹一下基于js中的存儲鍵值對以及注意事項。希望對大家有所幫助。一起跟隨小編過來看看吧
前端有時候需要存儲鍵值對，需要主要的一點(diǎn)是鍵必須為字符串，重要的再次說明，鍵需要為字符串。
重點(diǎn)內(nèi)容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
var map={
key1:'abc',
key2:'def'
};
$(document).ready(function(){
$("button").click(function(){
map.key3=333;//js 里的鍵必須為字符串
for(var key in map){//可以迭代鍵
alert(map[key])//依據(jù)鍵取值
}
alert("add value:"+map.key3);
});
});
</script>
</head>
<body>
<button>click</button>
</body>
</html>
以上這篇基于js中的存儲鍵值對以及注意事項介紹就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)彈性菜單效果代碼,可實現(xiàn)鼠標(biāo)滑過后背景色滑塊彈性滑過的效果,非常具有實用價值,需要的朋友可以參考下2015-09-09
ES6新特性五：Set與Map的數(shù)據(jù)結(jié)構(gòu)實例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數(shù)據(jù)結(jié)構(gòu),結(jié)合實例形式分析了ES6中Set與Map的功能、定義、屬性、結(jié)構(gòu)與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解
這篇文章主要介紹了JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
簡單的分頁代碼js實現(xiàn)，分享給大家，感興趣的小伙伴們可以參考一下2016-05-05
打印iframe內(nèi)容的方法有很多，下面為大家簡單介紹下使用JavaScript實現(xiàn)打印，有需求的朋友可以參考下2013-08-08
BootStrap Validator使用注意事項(必看篇)
針對bootstrap2和bootstrap3有不同的版本，在使用bootstrap validator時需要了解其注意事項，下面小編把我遇到的注意事項分享給大家，供大家參考2016-09-09
網(wǎng)頁實時倒計時，精確到秒級，和天數(shù)倒計時原理一樣,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了小程序接口的promise化的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
event.keyCode鍵碼值表 附只能輸入特定的字符串代碼
非常不錯的應(yīng)用，讓文本框里只能輸入money大家看下具體的實現(xiàn)代碼，真是只有想到，原理很簡單。2009-05-05![一個js的tab切換效果代碼[代碼分離]](http://img.jbzj.com/images/xgimg/bcimg9.png)
看了此文（YUI實現(xiàn)的Tab 切換），有感而發(fā)，寫了一個tab切換的函數(shù)，做學(xué)習(xí)之用。原生js實現(xiàn)，因為框架不好玩。2010-04-04