js - 创建与使用对象

一、创建对象

方法一 直接创建字面量

let Teacher = {
    name: "Lux",
    age: "18"
};

方法二 声明对象字面变量,向对象添加新成员

let Teacher = {};
Teacher.name = "Lux";
Teacher.age = "18";
console.log(Teacher);

二、定义对象函数

方法一 对象字面量

let obj = {
    sayHello: function (name) {
        return `你好,${name}!`;
    }
}

方法二 追加到现有对象

let obj = {};
obj.sayHello = function (name) {
    return `你好,${name}!`;
}

三、访问对象属性

let obj = {
    name: "object",
    inner: {
        name: "inner object",
        id: 01
    },
    arr: [1, 2, 3, 4],
    sayHello: function (name) {
        return `你好,${name}!`;
    }
}

方法一 用点访问

console.log(obj.name);  // object
console.log(obj.inner.name);  // inner object
console.log(obj.arr[0]);  // 1
console.log(obj.sayHello("Lux"));  // 你好,Lux!

方法二 用[]访问

console.log(obj["name"]);
console.log(obj["inner"]["name"]);
console.log(obj["arr"][0]);
console.log(obj["sayHello"]("Lux"));

方法三 访问不存在的属性,用||访问指定默认值

console.log(obj.what||"nothing");  // nothing

四、枚举对象属性

for (let i in obj) {
    console.log(i + "的类型是" + typeof (obj[i]));
}
// name的类型是string
// inner的类型是object
// arr的类型是object
// sayHello的类型是function */

五、删除对象属性

delete obj.inner;
console.log(obj);
// { name: 'object',
//  arr: [ 1, 2, 3, 4 ],
//  sayHello: [Function: sayHello] } 

六、对象作为函数参数

function showObj(i){
    return i.name;
}
console.log(showObj(obj));

参考资料:https://www.cnblogs.com/Jener/p/5878858.html

展开阅读全文

没有更多推荐了,返回首页