jQuery实现简单复制json对象和json对象集合操作示例

作者：曹振华时间：2024-04-16 09:29:17　

本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>www.jb51.net jQuery复制json</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var classList = [
{
classId: 1, className: '一班', students: [
{ studentId: 1, studentName: '张三' },
{ studentId: 2, studentName: '李四' }
]
},
{
classId: 2, className: '二班', students: [
{ studentId: 3, studentName: '王五' },
{ studentId: 4, studentName: '马六' }
]
}
]
var classDemo = {
classId: 1, className: '一班', students: [
{ studentId: 1, studentName: '张三' },
{ studentId: 2, studentName: '李四' }
]
}
var newClassList = jQuery.extend(true, [], classList);//复制对象集合
var newClassDemo = jQuery.extend(true, {}, classDemo);//复制对象
//输出测试：
console.log(newClassList);
console.log(newClassDemo);
});
</script>
</head>
<body>
</body>
</html>

使用本站HTML/CSS/JS在线运行测试工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下测试运行效果：

希望本文所述对大家jQuery程序设计有所帮助。

来源：https://blog.csdn.net/chadcao/article/details/50574404

标签：jQuery,json对象

投稿

jQuery实现简单复制json对象和json对象集合操作示例

猜你喜欢

Django查找网站项目根目录和对正则表达式的支持

PHP实现的浏览器检查类

vue实现移动端轻量日期组件不依赖第三方库的方法

bootstrap 通过加减按钮实现输入框组功能

教你如何通过日志文件恢复MySQL数据

golang 自旋锁的实现

php分页查询的简单实现代码

Python3 关于pycharm自动导入包快捷设置的方法

Python时间模块datetime、time、calendar的使用方法

Python全栈之学习CSS(1)

linux下mysql链接被防火墙阻止的解决方法

python 制作简单的音乐播放器

详解Python文本操作相关模块

matplotlib画混淆矩阵与正确率曲线的实例代码

asp.net LINQ中数据库连接字符串的问题

MySQL学习笔记4：完整性约束限制字段

MySQL字符集乱码及解决方案分享

flask 使用 flask_apscheduler 做定时循环任务的实现

解决无法配置SQL2005问题

Python中pandas模块DataFrame创建方法示例