JS 中Json常用操作

柔情只为你懂 2023-10-09 10:04 15阅读 0赞

转自：

[https://www.jianshu.com/p/6501b0f3124f][https_www.jianshu.com_p_6501b0f3124f]

1.  直接定义json

var json = { "name": "小明", "age": 12}; console.log(json);

1.  json 转 String

var str = JSON.stringify(json); console.log(str);

1.  String 转 Json

json = JSON.parse(str); console.log(json)

1.  添加新的字段

// 方式1 json.sex = '女'; // 方式2 var id = 'id'; json[id] = '123'; console.log(json)

1.  判断字段是否存在

console.log(json.hasOwnProperty(id))

1.  删除字段

方式1 delete json.id; console.log(json); 方式2 delete json[id]; console.log(json);

1.  添加JsonArray

var array = [{"name": "小李", "age": 20}]; console.log(array); array.push(json); console.log(array);

1.  遍历JsonArray

for (var item in array) { console.log(array[item].name) }

1.  删除array中的一项

array.splice(1)

完整代码示例：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var json = {"name": "小明", "age": 12}; console.log(json); var str = JSON.stringify(json); console.log(str); json.sex = '女'; var id = 'id'; json[id] = '123'; console.log(json) console.log(json.hasOwnProperty(id)) delete json.id; console.log(json); id = 'id'; json[id] = '123'; console.log(json); delete json[id]; console.log(json); var array = [{"name": "小李", "age": 20}]; console.log(array); array.push(json); console.log(array); for (var item in array) { console.log(array[item].name) } array.splice(1) console.log(array) </script> </body> </html>

0人点赞

[技术杂文][Link 1]

转载于:https://www.cnblogs.com/sharpest/p/11514791.html

[https_www.jianshu.com_p_6501b0f3124f]: https://www.jianshu.com/p/6501b0f3124f
[Link 1]: https://www.jianshu.com/nb/28310824

发表评论取消回复

表情：

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

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

相关阅读

相关 JS操作JSON

JS操作JSON SON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，J

逃离我推掉我的手/ 2024年02月18日 14:45/ 0 赞/ 46 阅读

相关 JS 中Json常用操作

转自： [https://www.jianshu.com/p/6501b0f3124f][https_www.jianshu.com_p_6501b0f3124f]

柔情只为你懂/ 2023年10月09日 10:04/ 0 赞/ 16 阅读

相关 js中转json数组常用方法

不管你用什么方法，前提是你的数据必须符合json数据格式！！！不然就会报错！ 1、首先是JSON.parse()方法，可以将在后台序列化后的json规范的字符串转为json

待我称王封你为后i/ 2023年07月25日 06:20/ 0 赞/ 17 阅读

相关常用JS数组操作集合

JS中的数组操作，这篇文章总结非常细致，有兴趣可前往查看：[https://blog.csdn.net/weixin\_33720956/article/details/87

怼烎@/ 2023年06月16日 11:58/ 0 赞/ 47 阅读

相关 JS 数组常用操作全集

文章目录 1、push()方法 2、unshift()方法 3、pop() 方法 4、

谁借莪１个温暖的怀抱￠/ 2023年03月02日 05:14/ 0 赞/ 27 阅读

相关 JS常用数组操作

前言在循环数组时或多或少会对数组进行处理，而JS提供了很多Array对象方法供我们使用，熟练使用和记录备忘是必须的。话不多说，以下是归纳整理相应的方法：数组增添

深藏阁楼爱情的钟/ 2022年10月29日 03:22/ 0 赞/ 323 阅读

相关 Js 操作json

在 JavaScript 中操作 json 字符串： 1.创建 json 字符串： var saveMenuJson = [];

小灰灰/ 2022年06月12日 09:58/ 0 赞/ 227 阅读

相关 JavaScript 操作 JSON 常用方法

> [https://wildye.cn/posts/750b9fdf/][https_wildye.cn_posts_750b9fdf] 概念 JSON(JavaSc

ゝ一世哀愁。/ 2022年05月29日 10:21/ 0 赞/ 220 阅读

相关【JS】字符串常用操作

转义字符串 //JavaScript的字符串就是用' '或" "括起来的字符表示。 //如果 ' 本身也是一个字符，那就可以用" "括起来，比如"I'm OK"包含的字

深藏阁楼爱情的钟/ 2022年05月16日 03:04/ 0 赞/ 453 阅读

相关 json常用操作

pom.xml配置

￡神魔★判官ぃ/ 2021年09月26日 09:30/ 0 赞/ 414 阅读