美文网首页
2018-08-27javascript(5)基本数据那类型之对

2018-08-27javascript(5)基本数据那类型之对

作者: Lazy一boy | 来源:发表于2018-08-29 21:02 被阅读0次

1.定义

.对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。

.键名

对象的所有键名都是zifu字符串(在ES6中引入了Symbol也可以作为键名),所以加不加引号都可以,如果键名是数字会被自动转为字符串,如果键名不符合标识名的条件(如第一个字符为是数字,或者有空格,运算符),这个时候必须加引号,否则报错。

var obj = {
       1:"hello",//数字自动转字符串
       '1+1':"food"  //不符合标识名的键名要用引号括起来
       'key':"value"//所有的键名都是字符串
}

.对象的键名又称为“属性”,它的"键值",可以是任何的数据类型,若一个属性值为函数,则把这个属性称为“方法”,他可以像函数那样调用。

var obj = {
      p : function(x){
      return 2*x;
    }
};
obj.p(1) //2

.如果对象中的属性的值还是一个对象,就形成了链式作用。对象的属性之间用逗号分开,最后一个逗号可以不写,对象的属性可以动态添加,不必再对象声明的时候就指定。

var  o1 = {};
var  o2 = {bar :"hello"};
o1.foo = o2;
o1.foo.bar //"hello"

2.对象的引用

若不同的变量名指向同一个对象,那么他们都是对同一个内存地址的引用,修改其中一个变量会影响其他所有变量。(相当于直接修改了内存地址中的属性)。

var a = {};
var b = a;
a.m = 1;
//b.m =1

如去掉一个变量对于原对象的引用,不会影响到其他变量对该对象的引用。

3.表达式还是语句

v8引擎规定,如果行首是大括号,一律解释为对象,不作为了避免歧义,最好在{}上加上()。

({foo:123})

这种差异在eval语句(作用是对字符串求值)中反映最明显。

eval('{foo:123}')//语句
eval('({foo:123})')//对象

4.属性的操作

4.1属性的读取

方法一:点运算.
方法二:[]运算符.

var foo = 'bar';
var obj = {
   foo:1;
   bar:2;
}
obj.foo //1
obj['foo']//1  
obj[foo] //2  []中的键名必须放在(‘’)引号之中,否则会被当成变量处理

[]运算符中还可以使用表达式

obj['hello' +'world']
obj[2 + 2]

若键名为数字,则可以不用引号,会自动转为字符串,但是数字键名不能用等号(=)运算符,因为会被当成小数点。

4.2属性的赋值

点运算符和方括号运算符还可以用来赋值

var a ={};
a.foo = "hello";
a['bar'] ="world";

JS允许属性的“后绑定”,即可以任何时候添加属性,不必在对象声明的时候就定义属性。

4.3属性的查看

.可以是用Object.keys方法查看对象的所有属性

var obj = {
   key1:1'
   key2:2
};
Object.keys(obj);//['key1','key2']

4.4属性的删除

delete命令用于删除对象的属性,删除成功则返回true。注意删除一个不存在的属性不会报错,且返回true,故不能根据delete命令的结果来判断有个属性是否存在。只有一种情况delete会返回false,你就是该属性存在,但是不可以删除,比如继承属性。

var obj = {p : 1};
delete obj.p //true

4.5判断属性是否存在:in运算符。

in运算符检查对象是否包含某个属性(值检查键名,不检查键值),而且无法区分该属性是对象自身的属性,还是继承属性,有返回true,无返回false。如要判断是否为自身属性则可以调用hasOwnProperty()方法。

var obj ={p :1};
'p' in obj //true.

4.6属性的遍历:for....in....循环

(1)只遍历可以遍历的属性,跳过不可以遍历的属性。
(2)不仅遍历自身属性,还遍历继承属性。

相关文章

  • 2018-08-27javascript(5)基本数据那类型之对

    1.定义 .对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。 .键名 对象的所有键名...

  • 1.快速入门

    一、基本数据类型之int 类型 二、基本数据类型之char 类型 三、基本数据类型之float 类型 四、变量的用...

  • 关于javascript的浅拷贝和深拷贝

    基础须知 数据类型之基础类型 5种基本数据类型Undefined、Null、Boolean、Number 和 St...

  • JavaScript的数据类型及Typeof的类型

    ECMAScript数据类型包括5种基本数据类型(简单数据类型或原始类型)和 1种复杂数据类型。 5种基本数据类型...

  • js数据类型

    ECMAscript数据类型分为;5种基本数据类型(简单数据类型或原始类型)和1种复杂数据类型。 5种基本数据类型...

  • JavaScript数据类型(基本)

    ECMAScipt五种基本数据类型:5种基本类型(简单数据类型或原始类型)和一种复杂数据类型。5种基本类型: un...

  • ES5知识点整理

    基本语法 基本语法包括数据类型,操作符,语句,函数 数据类型 5种简单数据类型(基本数据类型)Undefined、...

  • ECMAScript基本数据类型和引用数据类型

    ES5基本数据类型5种:基本数据类型:Number、String、Boolean、Null、 Undefined、...

  • JS 数据类型

    数据类型:5种基本类型 ES6的symbol类型 引用类型 一、5种基本数据类型 1. Undefined 只有一...

  • python数据类型之元组、布尔、NONE

    基本数据类型之元组,布尔,None 2020-09-17 Reads 5 元组类型(tuple) 元组与列表类似,...

网友评论

      本文标题:2018-08-27javascript(5)基本数据那类型之对

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