JSON创建键值对(key是中文或者数字)方式详解


Posted in Javascript onAugust 24, 2017

先准备好一个空的json对象

var obj = {};

1. 最原始的方法

obj.name = 'zhangsan';
//这种方式很简单的添加了一个键值对
//输出:{name:"zhangsan"}
//缺点:这边的name不能是对象
/*
比如:
var name = 'tom';
obj.name = 'zhangsan';
输出obj:{name:'zhangsan'}
中文可以使用,但是数字不能使用
obj.家="中国";
obj.88(不能这么使用)
*/

2. 使用json[key]的方式(这边key即使是中文也没事)

var name = "NAME";
obj[name] = "zhangsan";
console.log(obj);//输出{NAME:"zhangsan"}
//也就是说这种方式会执行[]中的内容
//她可以让key是对象的形式创建键值对,但是如果name未定义,那么就报错了

比如:

obj[age] = "23";
console.log(obj);//报错

key是中文也没关系的,就像这样

var 姓 = "姓名";
obj[姓] = "张三";

结果为:{NAME:"zhangsan",姓名:"张三"}

如果是想让key是数字

直接这样用:obj[88]="88表示吉利的意思啦"

输出:{NAME:"zhangsan",姓名:"张三",88:"88表示吉利的意思啦"}

3.使用json['key']的方式

key是汉字或者数字都行了,但是不能为对象,最没注意的地方

总结

以上所述是小编给大家介绍的JSON创建键值对(key是中文或者数字)方式详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
一道常被人轻视的web前端常见面试题(JS)
Feb 15 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
详解vue中axios请求的封装
Apr 08 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
js实现复制粘贴的两种方法
Dec 04 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 #jQuery
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 #Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 #Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 #Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 #Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 #Javascript
JS实现电商放大镜效果
Aug 24 #Javascript
You might like
PHP curl模拟浏览器采集阿里巴巴的实现代码
2011/04/20 PHP
php中session退出登陆问题
2014/02/27 PHP
PHP发送AT指令实例代码
2016/05/26 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
Python中字典的基础知识归纳小结
2015/08/19 Python
Python使用pymongo库操作MongoDB数据库的方法实例
2019/02/22 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
python中时间模块的基本使用教程
2019/05/14 Python
Django框架模板的使用方法示例
2019/05/25 Python
django-allauth入门学习和使用详解
2019/07/03 Python
关于python3中setup.py小概念解析
2019/08/22 Python
h5网页水印SDK的实现代码示例
2019/02/19 HTML / CSS
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
青年志愿者先进事迹
2014/05/06 职场文书
幼儿发展评估方案
2014/06/11 职场文书
汽修专业自荐信
2014/07/07 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
学习退步检讨书
2014/09/28 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers