js对象、json格式的数据

创建对象的三种方式

1.调用系统的构造函数创建对象
<script>
    var obj = new Object(); // 实例化对象
    obj.name = "小苏";        // 给对象添加属性
    obj.age = 38;
    obj.sex = "女";
    
    obj.eat = function () {     // 给对象添加函数
      console.log("我喜欢吃油炸榴莲凉拌臭豆腐和大蒜");
    };
    
    console.log(obj.name);      //获取对象属性
    obj.eat();              //对象方法的调用
</script>
2.自定义构造函数创建对象
 <script>
    //函数和构造函数的区别；名字是不是大写(首字母是大写)
    function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("我叫:"+this.name+",年龄是:"+this.age);
      };
    }
​
    //自定义构造函数创建对象:先自定义一个构造函数,创建对象
​
    /*
    * 1. 在内存中开辟(申请一块空闲的空间)空间,存储创建的新的对象
    * 2. 把this设置为当前的对象
    * 3. 设置对象的属性和方法的值
    * 4. 把this这个对象返回
    * */
    var obj=new Person("小明",10);
    console.log(obj.name);
    console.log(obj.age);
    obj.sayHi();
​
  </script>
3.自变量的方式创建对象
 <script>
    var obj={};             // 方式一
    obj.name="小白";
    obj.age=10;
    obj.sayHi=function () {
      console.log("我是:"+this.name);
    };
    obj.sayHi();
​
​
    var obj2={              // 方式二
      name:"小明",
      age:20,
      sayHi:function () {
        console.log("我是:"+this.name);
      },
      eat:function () {
        console.log("吃了");
      }
    };
    obj2.sayHi();
    obj2.eat();
​
  </script>

 

设置和获取属性的另一种写法
  <script>
    function Person(name,age) {
      this.name=name;
      this.age=age;
      this.play=function () {
          console.log("喜欢玩游戏");
      };
    }
    var obj=new Person("卡卡西",20);
    obj.name="佐助";
    obj["name"]="佐助";
​
    obj.play();
    obj["play"]();
  </script>

 

 

JSON格式的数据

for-in循环遍历json数据
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>$永远的24k纯帅$</title>
  <script>
    var json = {
      "name": "小明",
      "age": "10",
      "sex": "男"
    };
      
    //key是一个变量,这个变量中存储的是该对象的所有的属性的名字
    for (var key in json) {
      console.log(key + "===========" + json[key]);
    }
  </script>

​
posted @ 2020-10-14 17:26  minnersun  阅读(284)  评论(0)    收藏  举报