實現兩個物件之間每個值的交換
阿新 • • 發佈:2019-02-01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="renderer" content="webkit"> <title>demo</title> <script src="js/jquery-1.11.3.min.js"></script> <style> * {margin: 0; padding: 0;} </style> </head> <body> <div class="div1"></div> <div class="div2"></div> <script> ;$(function() { $('.div1').data({ a: 'a1', b: 'b1' }); $('.div2').data({ a: 'a2', b: 'b2' }); var obj1 = $('.div1').data(); var obj2 = $('.div2').data(); console.log('before:'+ JSON.stringify($('.div1').data()) + JSON.stringify($('.div2').data())); changeData(obj1, obj2); console.log('after:'+ JSON.stringify($('.div1').data()) + JSON.stringify($('.div2').data())); function changeData(obj1, obj2) { var obj = JSON.stringify(obj2); $.each(obj1, function(key, value) { obj2[key] = value; }); $.each(JSON.parse(obj), function(key, value) { obj1[key] = value; }); } //////////////////////////////// /*//或者(不過兩者是有區別的,這裡是值傳遞,而changeData(obj1, obj2)是引用傳遞) var obj1 = { a: 'a3', b: 'b3' }; var obj2 = { a: 'a4', b: 'b4' }; obj2=[obj1,obj1=obj2][0]; console.log(obj1); console.log(obj2);*/ }); </script> </body> </html>