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 相关文章推荐
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
12306验证码破解思路分享
Mar 25 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
Feb 04 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
详解js中的几种常用设计模式
Jul 16 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极大的增强功能和性能
2006/10/09 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
JS焦点图切换,上下翻转
2011/05/12 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
使用JavaScript制作一个简单的计数器的方法
2015/07/07 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
node内置调试方法总结
2018/02/22 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
JavaScript实现切换多张图片
2021/01/27 Javascript
python使用正则搜索字符串或文件中的浮点数代码实例
2014/07/11 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
Python基础教程之异常详解
2019/01/10 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
单位人事专员介绍信
2014/01/11 职场文书
竞聘演讲稿
2014/04/24 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
Java版 简易五子棋小游戏
2022/05/04 Java/Android