Js 中对 Json 数据的取值设值方式 ( 如何取 key 中含 . 的值 )

偏执的太偏执、 2022-05-26 05:25 326阅读 0赞

> JSON 是轻量级的文本数据交换格式，独立于语言，JSON 比 XML 更小、更快，更易解析。熟练运用Json是程序猿内需！

var person = {
    	id:001,
    	name:"MoTec",
    	age:23
    }

1.  常用的取值方式：`Obj.key`

console.log(person.name) //MoTec

而当我们的 key 是特殊情况时，比如: key 中含 **.**  
例子：

var company = {
    	id:001,
    	name:"dept1",
    	dept.manager:"MoTec"
    }

此时如果还是想第一种取值方式获取 dept.manager 的值，就会报错！

console.log(company.dept.manager) //报错

【Ps：在项目开发中就遇到这种情况，自己习惯性思维用 Obj.key 方式取值，害自己折腾了近半个小时，不知还有一下的取值方式，所以写此笔记提醒自己：基础夯实很重要，遇问题要善于跳出惯性思维。】

1.  第二种取值方式： `Obj["key"]`

console.log(company["dept.manager"]) //MoTec

还有其他的取值方式吗？欢迎留言！

说完了取值，就说说设值

在小程序中，我们经常设值，常用的是 `setData`

var name = 'MoTec';
    this.setData({
    	name:name,
    })

这种方式很常见，也没有什么疑问，但是如果我想这样设置呢 ?

var name = 'MoTec';
    this.setData({
    	person.name:name,
    })

我们发现，编译器会报错！这样设置是不允许的！

那应该怎么做呢？加个单引号 `' '`

var name = 'MoTec';
    this.setData({
    	'person.name':name,
    })

另外还有一个常见的问题：我的 key 是变量呢，咋办？变量作为 key 值时，用 `[ ]` 括起来。

var name = 'MoTec';
    var engName
    this.setData({
    	[engName]:name,
    })

--------------------

![一起成长、一起 To Be Better][To Be Better]  
关注公众号，一起成长、一起 To Be Better

[To Be Better]: /images/20220526/b67c36205be6475fb4357f4dbefd5a11.png

发表评论取消回复

表情：

评论列表（有 0 条评论，326人围观）

还没有评论，来说两句吧...

相关阅读

相关 js遍历json中所有的键值对

js遍历json中所有的键值对 //返回值格式 { "age":1,"id":1,"name":"zxc"} 注意不是{ fnam

小灰灰/ 2023年10月17日 17:31/ 0 赞/ 27 阅读

相关 python中如何对复杂的json数据快速查找key对应的value值（使用JsonSearch包）

前言之前在实际的项目研发中，需要对一些复杂的json数据进行取值操作，由于json数据的层级很深，所以经常取值的代码会变成类似这样： value = data

落日映苍穹つ/ 2022年10月16日 09:42/ 0 赞/ 842 阅读

相关通过key取json字符串中的值，将String字符串转Map

首先通过接口得到这么个字符串 > \{"state":0,"errMsg":"","code":200,"result":\{"status":"200","result"

喜欢ヅ旅行/ 2022年10月07日 13:56/ 0 赞/ 157 阅读

相关 js中 json动态设置key的值

js中json动态设置key的值 var obj={}; obj.name="object"; obj["age"] =26; var k

绝地灬酷狼/ 2022年09月09日 09:57/ 0 赞/ 7 阅读

相关在js中如何取出json中的对象的值

这是一种json转成js对象的方式只要把json转为可以解析的js对象，对于数据处理就十分的方便了。 console.log(output); //为一个js

青旅半醒/ 2022年07月15日 07:28/ 0 赞/ 195 阅读

相关 Js 中对 Json 数据的取值设值方式 ( 如何取 key 中含 . 的值 )

> JSON 是轻量级的文本数据交换格式，独立于语言，JSON 比 XML 更小、更快，更易解析。熟练运用Json是程序猿内需！ var person = {

偏执的太偏执、/ 2022年05月26日 05:25/ 0 赞/ 327 阅读

相关 JS获取对象键值对中key值的方法

使用Object.keys ![70][] Object.keys( ) 会返回一个数组，数组中是这个对象的key值列表所以只要Object.keys(a)

亦凉/ 2022年05月25日 10:37/ 0 赞/ 423 阅读

相关 js中对style中的多个属性进行设值

js中对style中的多个属性进行设值：看一下案例自然就明白： document.getElementById("my\_wz1").style.cssText="bac

柔光的暖阳◎/ 2022年04月23日 05:14/ 0 赞/ 171 阅读

相关 json格式数据的传值与取值

工欲善其事，必先利其器。首先温习一下json是什么、有何用、怎么用。 JSON即JavaScript 对象表示法（JavaScript Object Notat

秒速五厘米/ 2022年03月21日 06:11/ 0 赞/ 395 阅读

相关取json字符串中的某字符的值

取data中id的值如下: String demo = "\{ "errno": 0, "errmsg": "", "data": \{ "id": "2345",

以你之姓@/ 2021年12月21日 02:57/ 0 赞/ 212 阅读