快捷導(dǎo)航

jQuery實現(xiàn)簡單復(fù)制json對象和json對象集合操作示例

更新時間：2018年07月09日 10:15:07 作者：曹振華

這篇文章主要介紹了jQuery實現(xiàn)簡單復(fù)制json對象和json對象集合操作,結(jié)合實例形式分析了jQuery使用extend方法操作json對象與json對象集合復(fù)制相關(guān)技巧,需要的朋友可以參考下

本文實例講述了jQuery實現(xiàn)簡單復(fù)制json對象和json對象集合操作。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width" />
  <title>chabaoo.cn jQuery復(fù)制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);//復(fù)制對象集合
      var newClassDemo = jQuery.extend(true, {}, classDemo);//復(fù)制對象
      //輸出測試：
      console.log(newClassList);
      console.log(newClassDemo);
    });
  </script>
</head>
<body>
</body>
</html>

使用本站HTML/CSS/JS在線運行測試工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下測試運行效果：