实现两个对象之间每个值的交换_实现两个对象的value互换-优快云博客

本文链接：https://blog.youkuaiyun.com/u011500781/article/details/50519168

本文通过一个简单的HTML页面展示了如何使用jQuery进行元素数据的交换。具体实现方式为两个div元素分别存储不同数据，通过JavaScript函数实现数据互换，并在控制台输出交换前后的数据状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>