引用类型对象拷贝

1,引用类型有哪些?非引用类型有哪些2.如下代码输出什么?为什么

图片.png

(1)引用类型:对象,数组,正则,函数,data类型
(2)非引用类型:number,boolean,undefined,null,symbol(new in ES 6)
(3)输出:
false
obj {a:1,b:2}
true
(4)原因:
输出一:在栈里面obj1对象存的地址是"obj1" ,obj2对象存的地址是"obj2"
obj1==obj2 <=>"obj1"=="obj2",所以结果不相等
输出二:obj1=obj2 ,是把obj2对象的地址赋值给obj1栈空间,现在两个栈空间都指向同一个地址
所以obj1输出对象obj2
输出三: 由于输出二时,先把obj2对象的地址赋值给了obj1,所以obj1和obj2指向了同一个堆中对象地址
所以obj1==obj2结果true

3.如下代码输出什么? 为什么

输出:
1
2
{name:"hellow",age:3}
[1,2,object]

图片.png

4.如下代码输出什么? 为什么

图片.png

5,过滤如下数组,只保留正数,直接在原数组上操作

图片.png

代码:

      <script>
        var arr = [3,1,0,-1,-3,2,-5]
        function filter(arr){
            for(var i=0;i<arr.length;i++){
                if(arr[i]<=0){
                    arr.splice(i,1);
                    i--;
                }else{
                    continue;
                }
            }
        }
        filter(arr)
        console.log(arr) // [3,1,2]
    </script>

运行结果:

图片.png

6.过滤如下数组,只保留正数,原数组不变,生成新数组

图片.png

代码:

       <script>
        var arr = [3,1,0,-1,-3,2,-5]
        function filter(arr){
            var newarr=[];
            for (var i=0;i<arr.length;i++) {
                if(arr[i]>0){
                    newarr.push(arr[i]);
                }
                continue;
            }
            return newarr;
        }
        var arr2 = filter(arr)
        console.log(arr2) // [3,1,2]
        console.log(arr)  // [3,1,0,-1,-2,2,-5]
    </script>

运行结果:

图片.png

7,深拷贝(一个对象嵌套一个对象,嵌套的这个对象只包含基本类型)
法一:

         <script>
        var obj1={
            name:"pearl",
            age:24,
            firend:{
                name:"liu",
                age:24
            }
        }
        function deepCopy(obj){
            var obj2={};
            for(var key in obj){
                if(typeof obj[key]=="number"||typeof obj[key]=="string"||typeof obj[key]=="boolean"||
                typeof obj[key]==undefined||typeof obj[key]==null){
                    obj2[key]=obj[key];
                }else{
                    obj2[key]=deepCopy(obj[key]);
                }
            }
            return obj2;
        }
        console.log(deepCopy(obj1));
    </script>

运行结果:

图片.png

法二:
JSON方法
对象=>字符串=>对象

        <script>
        var oldobj={
            name:"pearl",
            age:24,
            firend:{
                name:"liu",
                age:24
            }
        }
        function deepCopy(obj){
            var obj2;
            obj2=JSON.stringify(obj);
            obj2=JSON.parse(obj2);
            return obj2;
        }
        var newobj=deepCopy(oldobj);//得到新对象newobj
        newobj.age=40;//改变新对象中age的值,测试会不会牵连到oldobj
        console.log(newobj);//输出新对象
        console.log(oldobj);//输出oldobj对象
    </script>

输出结果:

图片.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 引用类型 引用类型变量保存的仅仅是一个指针,指针指向堆内存中保存对象的位置。 所以基本类型复制的时候仅仅复制值,复...
    DeeJay_Y阅读 3,671评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些2.如下代码输出什么?为什么? var obj1 = {a:1, b:2}; ...
    Rising_suns阅读 1,837评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些 引用类型包括:数组、对象、正则、函数 非引用类型(即基本类型):数值、布尔值...
    饥人谷_js_chen阅读 2,166评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些非引用类型值,即基本类型值(数值,布尔值,undefined,null):指保...
    青鸣阅读 3,188评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些 非引用类型值,即基本类型值(数值,布尔值,undefined,null):指...
    LINPENGISTHEONE阅读 1,621评论 0 0

友情链接更多精彩内容