Section 2.6: Object and Properties

最新推荐文章于 2024-11-18 15:58:49 发布

宁鑫

最新推荐文章于 2024-11-18 15:58:49 发布

阅读量170

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_36291531/article/details/84767233

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入讲解JavaScript中对象的创建、属性的读取与修改，以及动态属性的运用。通过实例展示了如何利用对象储存不同类型的数据，并介绍了获取和设置对象属性的多种方法。

每个object,都可以储存不同类型的value
格式一般是key：value，而value可以为number, string, Array, boolean 等等。

var alan = {
    firstName: 'Alan', //key:value
    lastName: 'Ning',
    birthYear: 1990,
    family:['Faye', 'Aiden', 'Nison'],
    job: 'Front-end Developer',
    isMarried: true
}

同时我们可以通过不同的方法来获取object的key值

 console.log(alan); 
    console.log(alan.firstName); //result: Alan
    console.log(alan['lastName']); // result: Ning
    var x = 'birthYear';
    console.log(alan[x]);

同样，根据不同方获取值，也可以用相同方法改变值。

alan.job = 'designer'; //change data
alan['isMarried'] = false;
console.log(alan);

同时我们也可以通过插入的方法方法来创建object。

// //new Object syntax
var faye = new Object();
faye.firstName = 'Faye';
faye['lastName'] = 'Fan';
faye.birthYear = 1991;
console.log(faye);