基于js中的存储键值对以及注意事项介绍

 更新时间:2018年03月30日 11:11:10   作者:wickedvalley  
下面小编就为大家介绍一下基于js中的存储键值对以及注意事项。希望对大家有所帮助。一起跟随小编过来看看吧

前端有时候需要存储键值对,需要主要的一点是键必须为字符串,重要的再次说明,键需要为字符串。

重点内容

<!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])//依据键取值
  }
  alert("add value:"+map.key3);
 });
});
</script>
</head>
<body>
 <button>click</button>
</body>
</html>

以上这篇基于js中的存储键值对以及注意事项介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript 中如何实现大文件并行下载

    JavaScript 中如何实现大文件并行下载

    本文将介绍如何利用 async-pool 这个库提供的 asyncPool 函数来实现大文件的并行下载。
    2021-05-05
  • JS 修改URL参数(实现代码)

    JS 修改URL参数(实现代码)

    本篇文章是对JS修改URL参数的实现代码进行了详细的分析介绍,需要的朋友参考下
    2013-07-07
  • html中通过JS获取JSON数据并加载的方法

    html中通过JS获取JSON数据并加载的方法

    本篇内容主要给大家讲了如何通过javascript解析JSON并得到数据后添加到HTML中的方法,需要的朋友参考下。
    2017-11-11
  • JSONP基础知识详解

    JSONP基础知识详解

    JSONP是JSON with padding(填充式JSON或参数式JSON)的简写,是应用JSON的一种新方法,常用于务器与客户端跨源通信,在后来的Web服务中非常流行。本文将详细介绍JSONP,下面跟着小编一起来看下吧
    2017-03-03
  • 前端GET/POST请求下载文件多种方式代码示例

    前端GET/POST请求下载文件多种方式代码示例

    文件都是通过接口获取的,前端通过调用接口将接口返回的文件下载,下面这篇文章主要给大家介绍了关于前端GET/POST请求下载文件的多种方式,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-06-06
  • Bootstrap零基础入门教程(三)

    Bootstrap零基础入门教程(三)

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。本文重点给大家介绍Bootstrap零基础入门教程(三) ,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-07-07
  • (function(){})()的用法与优点

    (function(){})()的用法与优点

    (function(){})()的用法与优点...
    2007-03-03
  • JavaScript页面加载事件实例讲解

    JavaScript页面加载事件实例讲解

    在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容,有需要的朋友们可以参考下。
    2019-09-09
  • Javascript中的return作用及javascript return关键字用法详解

    Javascript中的return作用及javascript return关键字用法详解

    本文给大家介绍Javascript中的return作用及javascript return关键字用法详解,对于大家学习javascript中的return知识有所帮助,感兴趣的朋友一起学习吧
    2015-11-11
  • 微信JSAPI Ticket接口签名详解

    微信JSAPI Ticket接口签名详解

    这篇文章主要为大家详细介绍了微信JSAPI Ticket接口签名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07

最新评论