使用JavaScript操作JSON对象

最新推荐文章于 2023-08-07 09:43:13 发布
最新推荐文章于 2023-08-07 09:43:13 发布
阅读量181 收藏
点赞数
分类专栏： javaweb学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43386754/article/details/86302030
版权

在页面中实例化JSON对象

  • 在JavaScript之中专门支持JSON的数据操作,而且对于JSON的支持操作有两种

    • 可以直接定义JSON对象
    • 可以利用eval()函数实现字符串转换为JSON对象的处理操作

  • 在程序里面如果JSON数据不以字符串的形式处理,那么就表示一个JSON对象

  • 示例:在页面中使用JSON对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript_json</title>
    <script type="text/javascript">
        var jsonobj = {"name":"Maoshu","age":22,"sex":"男"}
        alert("姓名:"+jsonobj.name+"年龄:"+jsonobj.age+"性别:"+jsonobj.sex);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

  • 实际上在JSON里面除了可以定义一些数据之外,也可以定义函数
  • 示例:在JSON中定义函数
    <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
        };
        alert(jsonobj.add(10,20));

    </script>
  • 页面执行结果

在这里插入图片描述

  • 那么除了这些之外也可以定义数组
  <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
            //定义数组
            "skill":["java","Oracle","Photoshop"]
        };
        for (var i = 0; i < jsonobj.skill.length; i++) {
            alert(jsonobj.skill[i]);
        }

    </script>
  • 这种对象的定义形式往往出现在一些数据的传输配置上.
{[("青椒盖饭")]}
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript操作JSON对象
OneFine的技术博客
05-03 4481
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
[JavaScript]JSON对象
m0_71229255的博客
05-14 2126
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 这些特性使JSON成为理
JavaScript中的JSON
m0_63077733的博客
07-17 2395
这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。提供的函数接收两个参数：属性名（key）和属性 值（value）。这个 key 始终是字符串，只是在值 不属于某个键/值对时会是空字符串。即使整个 JSON 对象中有两个属性都叫"name"， 但它们属于两个不同的对象，因此是允许的。JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。
JS操作JSON常用方法
热门推荐
小妖的博客
10-28 16万+
工作中做了几款自动化测试工具都是跟日志读取相关，日志格式又大多数都是JSON，所以这里把常用的JS操作JSON的方法做了总结： 一、概念简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON
javascript学习之JSON 对象
白话机器学习
08-07 522
JSON 格式（JavaScript Object Notation 的缩写）是一种用于数据交换的文本格式，2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。相比 XML 格式，JSON 格式有两个显著的优点：书写简单，一目了然；符合 JavaScript 原生语法，可以由解释引擎直接处理，不用另外添加解析代码。所以，JSON 迅速被接受，已经成为各大网站交换数据的标准格式，并被写入标准。
在Javascript操作JSON对象，增加 删除 修改的简单实现
10-22
在本文中，我们将探讨如何在JavaScript中对JSON对象进行增加、删除和修改的操作，通过示例代码来详细解析这些基本操作。 首先，我们创建了一个名为`jsonObj2`的JSON对象，其中包含一个`teacher`属性，该属性是一个...
JavaScript常见JSON操作实例分析
10-18
- JSON对象的属性必须使用双引号，而JavaScript对象可以使用单引号或双引号。 - JSON对象没有语句结束的分号，而JavaScript对象在最后一个属性后面可以有分号。 - JSON不支持JavaScript中的变量、函数和对象实例...
javascript json字符串到json对象转义问题
10-17
在JavaScript中，经常需要将JSON字符串转换为JSON对象，以便能够操作和处理这些数据。然而，在这个过程中，可能会遇到一些转义问题，特别是在涉及到特殊字符时。本文将深入探讨JavaScript中JSON字符串到JSON对象的...
使用JavaScript操作JSON源码
01-16
本篇将深入探讨如何使用JavaScript来操作JSON源码。 首先，理解JSON的基本结构至关重要。JSON基于JavaScript对象语法，但不包含函数和一些特殊值。一个JSON对象以大括号{}表示，其中包含键值对；数组则以方括号[]...
javascript操作JSON的要领总结
12-10
- 键（名称）始终是双引号`""`包裹的字符串，值可以是字符串、数字、布尔值、数组、另一个JSON对象或`null`。 - 示例： ```javascript var o = {"xlid": "cxh", "xldigitid": 123456, "topscore": 2000, ...
js对json数据的操作,fromjson用法详解
aifans_bert的博客
09-11 4468
var json = [{"id":"中","rowid":"华","kk":"66"},{"id":"美","rowid":"美丽","kk":"22"}] let arr = [];用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。
JavaScript：json对象简单操作
Yoke
07-28 293
js之json对象简单操作 1.声明json对象 var idCard = {"no":"920766616","nation":"汉"}; var person = {"name":"张三","age":23,"isStu":true,"id":idCard}; 2.获取对象属性 //获取对象里的属性 console.log("获取age属性的值：" + person.age); consol...
JS中操作JSON时，对数据的增删改查
lijwen的博客
10-12 1万+
JS中操作JSON时，对数据的增删改查1、增加2、修改3、删除4、读取数据 1、增加 比如有一个JSON对象myJsonObj，如果需要增加某一项，可以这样写 myJsonObj.newObj=“TEST” 其中newObj是key，TEST是vale。JSON对象其实是就一个个的KEY-VALUE对，而VALUE的形式不限，只要是对象就可以，所以VALUE还可以是一个JSON，这样就可以嵌套很...
对象数组JS对JSON的操作总结 (转)
love android
05-14 1130
查了好多资料，发现还是不全，干脆自己整理吧，至少保证在我的做法正确的，以免误导读者，也是给自己做个记录吧！     对于前端完整是菜鸟，迫于无奈，工作中要用到JS，特别对JSON的处置为多，网上搜了一下，所讲的基本雷同。所以把平时用的比较多的JSON处置方法总结了一下，权当加深记忆。     一、概述     JSON(JavaScript Object Notation) 是一种轻量级的数
javascript json对象操作（基本增删改查）
qingyanhuan的博客
11-03 4105
/** * Json对象操作，增删改查 * * @author lellansin * @blog www.lellansin.com * @version 0.1 * * 解决一些常见的问题 * get/set 解决获取和设置时，无节点中断的问题 * create 可以创建多级节点，若存在则覆盖新值 * delete 删除节点及其子节点 * print_r 格式化
JS　JSON对象的操作
dream_heheda的博客
07-29 4316
1.JSON对象怎么定义 2.JSON对象 通过key值获取value值，通过.操作符 3.JSON对象和string对象互相转换 .jsp文件代码如下 <html> <body> <h2>Hello World!</h2> <form action="home" method="post"> <div&gt...
js操作Json数据,JSON对象与字符串转化 - jack_Meng - 博客园
weixin_33811961的博客
03-31 237
body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5p...
js给json对象添加、删除、修改属性
LLL_liuhui的博客
03-12 7万+
<script type="text/javascript"> //json对象 var json={ "firstName":"Bill" , "lastName":"Gates"}; //给json对象添加新的属性并赋值 json.sex="man"; //也可以如下添加新的属性并赋值 json["s
JS操作json对象key、value
xuexuan_050848的博客
12-27 1万+
js操作json对象key、value
javascript遍历json对象
最新发布
09-01
要遍历一个JSON对象，可以使用JavaScript中的for-in循环。首先，将获取的数据转换为JSON对象，可以使用JSON.parse(data)方法或者jQuery库中的jQuery.parseJSON(json)方法。接下来，使用for-in循环遍历JSON对象，通过得到的key和value来进行相应的操作。如果value是一个对象，可以使用typeof value == "object"进行判断，并使用递归的方式遍历内部的对象。以下是一个示例方法来获取JSON对象中的值： ``` function getJsonValue(obj, name){ var result = null; var value = null; for(var key in obj){ value = obj[key]; if(key == name){ return value; } else { if(typeof value == "object"){ result = getJsonValue(value, name); } } } return result; } var jsonobj = { "semantic":{ "taskId":"8.4.3" }, "history":"cn.xxxx.fund" }; var taskId = getJsonValue(jsonobj, "history"); console.log(taskId); ``` 这个方法将通过递归的方式遍历JSON对象，根据给定的name参数，返回对应的值。在这个示例中，我们使用了jsonobj＊＊＊fund"作为结果输出到控制台。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [js对json对象的遍历和其他方法处理](https://blog.csdn.net/u012409048/article/details/115920371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [js 遍历 JSON数据](https://blog.csdn.net/fox_bert/article/details/100594710)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值