如何取js中json的值-js教程-PHP中文网

如何取js中json的值

下次还敢

发布： 2024-05-16 01:12:20

原创

2453人浏览过

从 JS 对象获取 JSON 值的方法包括：对象字面量：使用点表示法或方括号表示法直接检索值。点表示法：简化的对象字面量访问方式。方括号表示法：允许使用变量或表达式作为键名。嵌套对象：使用点表示法或方括号表示法依次访问嵌套的键。

如何取js中json的值

如何获取 JS 中 JSON 的值

JSON（JavaScript Object Notation）是一种轻量级的文本格式，用于在不同平台和系统之间传输数据。为了从 JS 对象中获取 JSON 的值，可以使用以下方法：

对象字面量

最直接的方式是从对象字面量中检索值：

<code>const person = {
  name: "John Doe",
  age: 30,
  address: "123 Main Street"
};

const name = person.name; // "John Doe"
const age = person.age; // 30
const address = person.address; // "123 Main Street"</code>

登录后复制

点表示法

点表示法是对象字面量的简写：

移动端无限滚动加载瀑布流

里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。

查看详情

<code>const name = person.name;
const age = person.age;
const address = person.address;</code>

登录后复制

方括号表示法

方括号表示法允许使用变量或表达式作为键名：

<code>const key = "name";
const name = person[key]; // "John Doe"</code>

登录后复制

嵌套对象

对于嵌套的对象，使用点表示法或方括号表示法依次访问嵌套的键：

<code>const person = {
  name: {
    first: "John",
    last: "Doe"
  }
};

const firstName = person.name.first; // "John"
const lastName = person.name.last; // "Doe"</code>

登录后复制

其他注意事项

如果键名包含空格或特殊字符，则需要使用方括号表示法。
如果键名不存在，则会返回 undefined。
如果键名指向一个函数，则会调用该函数并返回其返回值。

以上就是如何取js中json的值的详细内容，更多请关注php中文网其它相关文章！