JS基础 #第五天-CSDN博客

本文链接：https://blog.csdn.net/weixin_52809337/article/details/119517011

一、构造函数创建对象

1.使用new关键字调用的函数，是构造函数constructor，构造函数是专门用来创建对象的函数。

    // 1.使用typeof检查一个对象时，会返回object
    var obj = new Object();
    console.log(typeof obj);

    // 2.在对象中保存的值称为属性
    // 向对象添加属性 语法:对象.属性名=属性值;
    obj.name = "悟空";
    obj.gender = "男";
    obj.age = 18;
    console.log(obj); // {name: "悟空", gender: "男", age: 18}
    
    // 3.查询对象中的属性 语法：对象.属性名
    console.log(obj.name); // 悟空
    // 如果查询对象中没有的属性，不会报错而是会返回undefined
    console.log(obj.hello); // undefined
    
    
    // 4.修改属性值 语法：对象.属性名 = 新的属性值
    obj.name = "八戒";
    console.log(obj); // {name: "八戒", gender: "男", age: 18}

    // 5.给对象增加一个属性 语法：对象.属性名 = 属性值
    obj.tel = "1234566";
    console.log(obj); // {name: "八戒", gender: "男", age: 18, tel: "1234566"}

    // 6.删除对象的属性 语法：delete 对象.属性名
    delete obj.name; // {gender: "男", age: 18, tel: "1234566"}
    console.log(obj);

2.属性名和属性值

（1）属性名

    // 对象的属性名不强制要求遵守标识符的规范,但是尽量按照标识符的规范去做
    // obj.var = "hello";
    console.log(obj); // {name: "八戒", var: "hello"}
    
    // 如果要使用特殊的属性名，不能采用.的方式来操作
    // 需要使用另一种方式，语法，对象["属性名"]=属性值 读取时也需要采用这种方式
    obj["123"] = "7685";
    console.log(obj["123"]); // 7685
    
    // 使用[]这种形式去操作属性，更加的灵活，
    // 在[]中可以直接传递一个变量，这样变量值是多少就会读取那个属性
    obj["nihao"] = "你好";
    var n = "nihao";
    console.log(obj[n]); // 你好

（2）属性值

    // JS对象的属性值，可以是任意的数据类型
    obj.test = true;
    obj.test = null;
    obj.test = undefined;

    // 甚至也可以是一个对象
    // 创建一个对象
    var obj2 = new Object();
    obj2.name = "无能";
    // 将obj2作为属性值赋给obj
    obj.test = obj2;
    console.log(obj); // {123: "7685", name: "八戒", nihao: "你好", test: {…}}
    // 获取obj2的属性
    console.log(obj.test.name); // 无能
    
    // in： 运算符，通过该运算符可以检查一个对象中是否含有指定的属性，如果有则返回true，没有则返回false
    // 语法: “属性名” in对象
    // 检查obj中是否含有属性test
    console.log("test" in obj); // true
    // 检查obj中是否含有属性test1
    console.log("test1" in obj); // false

二、基本和引用数据类型

1.基本数据类型：基本数据类型的值直接在栈内存中存储，值与值之间是独立存在，修改一个变量不会影响其他的变量。

例：

    var a = 123;
    var b = a;
    a++;
    console.log(a); // 124
    console.log(b); // 123

2.引用数据类型 object

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当通过一个变量修改属性时，另一个也会受到影响。

例：

    var obj = new Object();
    obj.name = "无能";
    var obj2 = obj;
    obj.name = "悟空";
    console.log(obj.name); // {name: "悟空"}
    console.log(obj2.name); // {name: "悟空"}

但是如果设置obj2为null，那么obj2直接被移除，不会影响obj

    obj2 = null;
    console.log(obj); // {name: "悟空"}
    console.log(obj2); // null

当比较两个基本数据类型的值时，就是比较值。而比较两个引用数据类型时，它是比较的对象的内存地址，如果两个对象是—摸—样的，但是地址不同，它也会返回false。

    var obj3 = new Object();
    var obj4 = new Object();
    obj3.name = "八戒";
    obj4.name = "八戒";
    console.log(obj3 == obj4); // false

三、字面量创建对象

使用对象字面量创建对象, 语法:{属性名∶属性值,属性名∶属性值....}。对象字面量的属性名可以加引号也可以不加，建议不加。如果要使用一些特殊的名字，则必须加引号。
属性名和属性值是一组一组的名值对结构，名和值之间使用:连接，多个名值对之间使用,隔开如果一个属性之后没有其他的属性了，就不要写。

例：

      var obj = {
      name: "八戒",
      age: 18,
      gender: "男",
      test:{
        name: "和尚"
      } 
    }
    console.log(obj); // {name: "八戒", age: 18, gender: "男", test: {…}}

    // 1.查询
    console.log(obj.name); // 八戒
    // 2.修改
    obj.name = "悟空";
    // 3.增加
    obj.tel = "15519552535";
    // 4.删除
    delete obj.gender;
    console.log(obj); // {name: "悟空", age: 18, test: {…}, tel: "15519552535"}

1.对象的方法：如果一个函数作为一个对象的属性保存，那么我们称这个函数是这个对象的方法，调用这个函数就说调用对象的方法

    var obj = {
      name: "lili",
      age: 12,
      say: function() { // 定义函数方法
        console.log('唱歌');
      },
      dance: function() {
        console.log("跳舞");        
      }
    }
    // 调用函数方法
    obj.say(); // 唱歌
    obj.dance(); // 跳舞

2.枚举对象中的属性

for..in 用来循环对象属性，对象中有几个属性，循环体就会执行几次，每次执行时，会将对象中的一个属性的名字赋值给变量。
语法：for (var n in obj) { }，其中，n是属性名，obj[n]是属性值。

例：

    var obj = {
      name: 'lili',
      age: 12,
      gender: "女"
    }
    // fon..in 循环对象属性
    for (var n in obj) {
      console.log(`${n}: ${obj[n]}`); // n: 属性名 obj[n]: 属性值    
    }
    // 结果：
    // name: lili
    // age: 12
    // gender: 女

【面试题】str = 'ghfsdgeweegfgfsdsasadsffgfh'；

（1）计算每个字符串出现的次数；（2）找出出现次数最多的字符串以及出现的次数

思想：

【问题1】先定义一个空对象，将字符串中的每一个字符作为属性传递到对象中，给每一个字符的值设定为1。首先进行判断：如果该对象中有这个属性，就将该属性的值加1，否则就给他赋值为1。

【问题2】先初始化一个最大值为0，然后用for..in循环对象里面的属性。将这个最大值与对象里面的属性值进行比较，如果有比最大值大的，就将该值赋值给最大值。

代码以及过程：

    // 计算每个字符串出现的次数
    var str = 'ghfsdgeweegfgfsdsasadsffgfh'; // 
    // 1.定义一个空对象
    var obj = {};
    // 2.遍历字符串 用str[i]来表示每一个字符串
    for (var i = 0; i < str.length; i++) {
      var n = str[i];
      // 3.判断：如果对象里面有这个属性，就将其值加1，否则赋值为1
      if (n in obj) {
        obj[n]++;
      } else {
        // 将每一个字符串作为属性添加到对象里面，每个值都设为1   
        obj[n] = 1;
      }
    }
    console.log(obj);

    // 找出出现次数最多的字符串以及出现的次数
    // 1.初始最大值为max为0，出现次数最多的字符串为char，出现次数为count
    var max = 0, char = '', count = 0;
    // 2.循环对象里面的属性
    for (var n in obj) { // n为属性名，obj[n]为属性值
      // 3.判断：属性值大于最大值，就将这个值赋给最大值 
      if (obj[n] > max) { 
        max = obj[n];
        char = n;
        count = obj[n]
      }
    }
    console.log('出现次数最多的字符串为：' + char); // f
    console.log('出现次数最多的字符串出现的次数为：' + count); // 6

2.delete 删除对象属性，语法：delete 对象名.属性名

    var obj = {
      a: 1,
      b: 2,
      c: 4
    }
    delete obj.a;
    console.log(obj); // {b: 2, c: 4}