当前位置:网站首页 > Vue.js开发 > 正文

js深拷贝json parse(js深拷贝的三种实现方式)



本文转自:http://www.cnblogs.com/csj222/archive/2013/04/11/3013667.html

对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下,权当加深记忆。

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}

2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = ‘{"name":"nikita", "password":"1111"}‘;

JSON对象:

var jsonObj = {"name":"nikita", "password":"1111"};

对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下,权当加深记忆。

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}

2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = ‘{"name":"nikita", "password":"1111"}‘;

JSON对象:

var jsonObj = {"name":"nikita", "password":"1111"};

2、String转换为Json

eval是js自带的函数,不是很安全,可以考虑用json包。

三、遍历JSON对象

运行结果:

技术分享

四、遍历JSON数组

我更倾向于这种写法:

运行结果:

技术分享

五、将两个JSON对象组装到一个里面

用法如下:

运行结果:

技术分享

[转]JS对JSON的操作总结

到此这篇js深拷贝json parse(js深拷贝的三种实现方式)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • etap安装教程(etap12.6安装)2026-03-24 15:45:05
  • jsj啥意思(网络词js是什么意思)2026-03-24 15:45:05
  • redhat linux9官网(red hat linux9.0)2026-03-24 15:45:05
  • Pcie5.0速度(pcie5.0速度是多少)2026-03-24 15:45:05
  • vue钩子函数的作用(vue的钩子函数作用是什么)2026-03-24 15:45:05
  • 卡巴斯基7.0破解版(卡巴斯基7.0下载)2026-03-24 15:45:05
  • 报文解析工具(报文解析工具V2.3)2026-03-24 15:45:05
  • jsjs是哪里的烟草代码(ja编码是哪里烟草?)2026-03-24 15:45:05
  • vue中的插槽的作用(vue三种插槽的区别)2026-03-24 15:45:05
  • pcie5.0和pcie4.0区别(pcie5.0有什么用)2026-03-24 15:45:05
  • 全屏图片