对象的使用

对象使用

• 对象（object）：JavaScript里的一种数据类型。

• 对象声明语法：let 对象名 = { }

• 属性访问：

  <script>
      let username = 'color';
      let person = {
          username: '蜡笔小新',
          color: 'purple',
      };
      console.log(person.username);  //输出蜡笔小新
      console.log(person['username']); //输出蜡笔小新
  
      console.log(person[username]); //输出purple
      console.log(person['color']);  //输出purple
  
      console.log(person.cccc);  //undefined
      console.log(person[color]); //报错
  </script>
  

• 对象中的方法：

  <script>
      let person = {
          name: '大白',
          sayHi: function (msg) {
              document.write(msg);
              return '问候';
          },
      };
      person.sayHi('大家好 <br/>');  //输出大家好
      person.sayHi('hello <br/>');  //输出hello
      let result = person.sayHi('你好'); //输出你好
      console.log(result); //输出问候
  </script>
  

操作对象

• 新增对象中的方法

  <script>
      let person = {
          name: '大白',
      }
      person.hobby = function() {
          document.write('喜欢唱歌和跳舞');
      }
  
      document.write(person.name);
      person.hobby();
  </script>
  

• 增加属性

  <script>
      let goods = {
          name : '小米10青春版',
          num : 100012816024,
          weight : '0.55kg',
          address : '中国大陆'
      }
      goods.price = 3999; //新增对象
      console.log('商品名称：' + goods.name);
      console.log('商品编号：' + goods.num);
      console.log('商品毛重：' + goods.weight);
      console.log('商品产地：' + goods.address);
      console.log(goods);
  </script>
  

遍历对象

​ 语句：for in ; k 是获得对象的属性名， 对象名[k] 是获得 属性值。

<script>
    let obj = {
        name: '张三',
        sex: '男',
        age: 20
    }
    for (let k in obj) {
        console.log(k);  //输出的是属性名
        console.log(obj[k]);  //输出的是属性值
    }
</script>

内置对象

​ 内置对象Math

• random：生成0-1之间的随机数（包含0不包括1）

• ceil：向上取整

• floor：向下取整

• max：最大值

• min：最小值

• pow：幂运算

• abs：绝对值

• 生成N-M之间的随机数

  Math.floor(Math.random() * (M - N + 1)) + N

• 生成0-10的随机数

Math.floor(Math.random() * (10 + 1))