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

偏执的太偏执、 2022-05-26 05:25 305阅读 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 条评论，305人围观）

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

相关阅读

相关 Gson实现：修改json字符串中某个key对应的value值、如何修改json字符串中某个key

修改json字符串中某个key public static JsonElement replaceKey(JsonElement source, Map<Stri

怼烎@/ 2024年03月26日 18:24/ 0 赞/ 28 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 Gson获取json字符串中key对应的值

用到了Gson的JsonParser maven项目引入 <dependency> <groupId>com.google.code.gson</gro

ゝ一世哀愁。/ 2022年05月17日 07:48/ 0 赞/ 642 阅读

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

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

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

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

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

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

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

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

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