美文网首页
进阶任务四

进阶任务四

作者: 饥人谷_迪 | 来源:发表于2017-11-26 09:38 被阅读0次

1. 引用类型有哪些?非引用类型有哪些

  • 基本类型值(数值、布尔值、字符串、null和undefined):指的是保存在栈内存中的简单数据。

  • 引用类型值(对象、数组、函数、正则):指的是保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//false,因为obj1和obj2只是保存着相同的值的不同对象的地址。
console.log(obj1 = obj2); //Object { a: 1, b: 2 },把obj2的中的地址值赋给obj1,所以obj1也指向了obj2指向的对象。
console.log(obj1 == obj2);//true,obj1和obj2具有相同的保存对象的地址。

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

var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]

var aa = a
var bb = b
var cc = c
var dd = d

a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3

console.log(aa) //1,a把值赋给了aa,所以aa=1
console.log(bb) //2,同理,b把值赋给了bb,所以bb=2
console.log(cc)// Object{ name: 'hello', age: 3 },c把指向c对象的地址值给了cc,所以cc也指向跟c一样的对象,所以c对象的值改变了,cc的也改变。
console.log(dd)// Array[1, 2, object],d把数组d的第一个元素的地址赋给了dd,所以dd也指向了d数组。

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

var a = 1
var c = { name: 'jirengu', age: 2 }
function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}
f1(a) 
f2(c) 
f1(c.age) 
console.log(a) //1,a是非引用类型,所以把a传给n,虽然++n,变成了2,但是a的值还是1。
console.log(c)//Object{ name: 'jirengu', age:3 },c是对象,是引用类型,obj指向的对象的age值变成了3,又obj和c都指向同一个对象,所以c对象的age,也就变成3了。

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

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);//添加0个元素,删除一个,length发生改变。
            i--;
        }
    }
return
}
filter(arr)
console.log(arr)

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

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]);
    }
}
return newArr;
}
var arr2 = filter(arr)
console.log(arr2)
console.log(arr)

7. 写一个深拷贝函数,用两种方式实现

浅拷贝:只拷贝对象的基本类型值,如果某一个属性是引用类型值,拷贝的就是这个引用类型的指针。当原对象的引用类型值发生改变,则浅拷贝后的新对象的引用类型值也会发生改变,但非引用类型值不变。

深拷贝:拷贝对象的所有属性,无论是引用类型值还是非引用类型值,拷贝之后的新对象,与原对象没有任何关系

var obj = {
        name: 'ruoyu',
        sex: 'male',
        age: 30,
        friend: {
            name: 'hello', 
            age: 100
        }
    };

 function deepCopy(oldObj){
    var newObj = {};
    for(var key in oldObj){
        if(obj.hasOwnProperty(key)){
        if(typeof oldObj[key]==='number'||typeof oldObj[key]==='string'||
        typeof oldObj[key]==='boolean'|| oldObj[key]=== undefined
        ||oldObj[key]=== null){
            newObj[key] = oldObj[key] ;
        }else
        {
            newObj[key] = deepCopy(obj[key]);
        }
    }
    }
    return newObj;
}
console.log(deepCopy(obj));
obj.friend.name = 'HELLO';
console.log(obj);

使用json方法

var obj = {
        name: 'ruoyu',
        sex: 'male',
        age: 30,
        friend: {
            name: 'hello', 
            age: 100
        }
    };

function deepCopy(obj){
    var newObj=JSON.stringify(obj)
    var newObj1 = JSON.parse(newObj);
    return newObj1;
}

console.log(deepCopy(obj));
obj.friend.name = 'HELLO123';
console.log(obj);

相关文章

  • 进阶任务四

    1. 引用类型有哪些?非引用类型有哪些 基本类型值(数值、布尔值、字符串、null和undefined):指的是保...

  • Swift多线程:GCD进阶,单例、信号量、任务组

    Swift多线程:GCD进阶,单例、信号量、任务组 Swift多线程:GCD进阶,单例、信号量、任务组

  • 进阶-任务2

    1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么? ...

  • 进阶-任务2

    1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么? ...

  • 进阶任务-12

    ajax 是什么?有什么作用? 1. 什么是ajax AJAX 的全称为 Asynchronous JavaScr...

  • 进阶任务八

    dom对象的innerText和innerHTML有什么区别? innerText是一个可写属性,返回元素内包含的...

  • 进阶任务三

    1.函数声明和函数表达式有什么区别 函数声明 函数表达式 区别: 函数调用可以发生在函数声明之前,不能在函数表达式...

  • 进阶任务5

    JSON(Java Script Object Notation )是一种轻量级的数据交换格式。JSON对值的类型...

  • 进阶任务五

    1. 使用数组拼接出如下字符串 ,其中styles数组里的个数不定 2. 写出两种以上声明多行字符串的方法 3. ...

  • 进阶任务十

    1.代码 代码

网友评论

      本文标题:进阶任务四

      本文链接:https://www.haomeiwen.com/subject/wlmavxtx.html