Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js json取值

作者:翻成云恨雨愁   发布日期:2025-07-07   浏览:71

// 示例代码:从 JSON 对象中取值

// 定义一个 JSON 对象
const jsonObject = {
    "name": "Alice",
    "age": 25,
    "address": {
        "city": "Beijing",
        "zipcode": "100000"
    },
    "hobbies": ["reading", "swimming", "coding"]
};

// 取 JSON 对象中的单个值
const name = jsonObject.name; // 获取 "name" 属性的值
console.log(name); // 输出: Alice

// 取嵌套对象中的值
const city = jsonObject.address.city; // 获取嵌套对象 "address" 中的 "city" 属性值
console.log(city); // 输出: Beijing

// 取数组中的值
const firstHobby = jsonObject.hobbies[0]; // 获取数组 "hobbies" 中的第一个元素
console.log(firstHobby); // 输出: reading

// 使用可选链操作符 (?.) 防止访问不存在的属性时抛出错误
const country = jsonObject.address.country?.name; // 如果 "country" 属性不存在,则返回 undefined 而不是报错
console.log(country); // 输出: undefined

解释说明:

  • jsonObject 是一个包含多个属性的 JSON 对象。
  • jsonObject.name 直接获取 name 属性的值。
  • jsonObject.address.city 获取嵌套对象 address 中的 city 属性值。
  • jsonObject.hobbies[0] 获取数组 hobbies 中的第一个元素。
  • jsonObject.address.country?.name 使用了可选链操作符 (?.) 来安全地访问可能不存在的属性,避免报错。

上一篇:js json转对象

下一篇:js 转json

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站