JavaScript之对象

作者: 意蜀 | 来源:发表于2019-07-25 20:19 被阅读6次

什么是对象呢(object)

  • 对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属性和方法)
  • 一个对象由许多的成员组成,每一个成员都拥有一个名字和一个值。每一个名字/值(name/value)对被逗号分隔开,并且名字和值之间由冒号(:)分隔。
  • 语法:
var objectName = {
  member1Name : member1Value,
  member2Name : member2Value,
  member3Name : member3Value
}

如何创建一个对象呢

  • 直接创建法
 var person = {
  name :'gaosihan',
  age : 16,
  gender : 'male',
  interests : 'study'
}
  • 间接创建。先初始化之后,再添加对象成员。
    初始化对象:var person={};,即创建一个空对象。
    设置对象成员:
person.age=16;
person.name='gaosihan';
person.gender="male";
person.interests='study';

如上这些语句和直接创建语句效果一样。

  • 使用new关键字创建
var o = new Object(); // 创建一个空对象,效果等同{}.
var person = new Object();
person.age=16;
person.name='gaosihan';
person.gender="male";
person.interests='study';

结果也不变。

如何访问对象的成员呢

  • 参考添加对象成员,我们使用“点法表示”。在控制台输入
person.age;//16
person.name;//"gaosihan"
person.gender;//"male"
person.interests;//"study"

即可获得以上结果。

  • “索引法”访问对象
    例如:
var person={
name : {
  first : 'gao',
  last : 'sihan'
},
age:16
}

在控制台输入:

person['age'];//16
person['name']['first'];//gao
person['name']['last'];//sihan

如何删除对象属性

  • 使用点法删除
var person={
name : {
  first : 'gao',
  last : 'sihan'
},
age:16
}

在控制台输入
delete person.age就会删除age这个属性

  • 使用索引删除
    delete person ["age"]的效果一样

相关文章

  • JavaScript ☞ day2

    JavaScript基础学习笔记之JavaScript提升 了解时间 Date Date对象的方法 Date对象间...

  • Javascript之对象

    对象 注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。 访问属性是通过.操作符...

  • JavaScript之对象

    JavaScript中的对象和OC中的字典 Dictionary是一样的,一组“键值对”(key-value)的集...

  • JavaScript之对象

    在ES6出现之前,JavaScript不能真正被称为 面向对象的编程语言,因为 class 仅仅作为其保留字而非关...

  • JavaScript之对象

    什么是面向对象: ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语...

  • JavaScript之对象

    什么是对象呢(object) 对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属...

  • Javascript之对象

    本文仅粗略罗列一下对象的基础知识,做个小小总结,不涉及原理。 目录: 对象创建的三种方法 对象访问的两种方法 对象...

  • 原型和原型链

    如何理解javascript的原型 每一个javascript对象在创建时就会与之关联另一个对象,之歌对象就是我们...

  • JavaScript内置对象之对象

    建议学习时长: 60分钟学习方式:深入 学习目标 知道什么是对象 知道如何获取和设置对象的值 详细介绍 对象是一种...

  • 面向对象与原型(三)

    原型 每个 JavaScript 对象都有一个与之相关联的另一个 JavaScript 对象(或null,但这是罕...

网友评论

    本文标题:JavaScript之对象

    本文链接:https://www.haomeiwen.com/subject/oxukrctx.html