JavaScript对象
1.定义对象是引用数据类型,是保存复杂数据类型的容器,它是多个属性(数据)和方法(功能)的集合 它允许动态的添加和删除属性
2.对象的分类(1)内建对象 由ES标准中定义的对象,在任何的ES的实现中都可以使用 比如:math string number boolean object... (2)宿主对象 由js的运行环境提供的对象,目前来讲主要由浏览器提供的对象 比如BOM DOM (3)自定义对象 由开发人员自己创建的对象
3.定义对象对象字面量 使用对象字面量,可以在创建对象时,直接指定对象中的属性 语法:{属性名:属性值,属性名:属性值...} 对象字面量的属性名可以加引号,也可以不加,建议不加 如果要使用一些特殊的名字,则必须加引号 以'{ }'作为边界,属性与属性之间用','分开,属性和属性值之间使用':'隔开
构造函数创建对象 使用new关键字调用的函数,是构造函数constructor 构造函数是专门用来创建对象的函数 使用typeof检查一个对象时,会返回object
var obj = new Object();console.log(typeof obj);
4.访问对象中的属性点访问符 . o.name => 'terry'o.age => 12 []访问符 o['name'] => 'terry'o['age'] => 12 如果读取对象中没有的属性,不会报错而是返回undefined
5.给对象添加属性对象.属性=属性值;
6.删除对象属性delete 对象.属性;
7.Object根构造函数所有的对象都直接或者间接继承Object,都能调用Object原型里面的方法 var o=new Object();var arr=new Array();
8.对象属性的检测in 运算符 通过该运算符可以检查一个对象中是否含有指定的属性 如果有,返回true,没有则返回false 语法: "属性名" in 对象
9.引用传递和值传递基本数据类型使用值传递:基本数据类型将值直接保存到内存的栈区中 js中的变量都是保存在栈内存中的 基本数据类型的值是直接在栈内存中存储 值与值之间是独立存在的,修改一个变量不会影响其他的变量 var a=123;var b=a;a++;console.log('a='+a); //124console.log('b='+b); //123 引用数据类型使用引用传递:引用数据类型的引用地址保存在栈区中,实际的值保存在堆区中,该引用地址指向堆区中的空间 对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间 而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用 当一个变量修改属性时,另一个也会受到影响
var obj=new Object();obj.name='terry';var obj2=obj; //修改obj的name属性obj.name='tom'; console.log(obj.name); //tomconsole.log(obj2.name); //tom 当比较两个基本数据类型的值时,就是比较值 而比较两个引用数据类型时,它是比较对象的内存地址 如果两个对象是一模一样的,但是地址不同,它也会返回false var c=10;var d=10;console.log(c==d); //true var obj3=new Object;var obj4=new Object;obj3.name='tom';obj4.name='tom';console.log(obj3==obj4); //false
10.对象的序列化(把对象变为字符串)
1)常规转换 obj.tostring() 2)转化为json字符串 JSON.stringify(obj) 3)查询字符串 var qs= require('querystring'); //引入node.js模块 qs.stringify(obj) =>name=tom&age=12
11.增强for循环(for in)遍历对象 语法: for(var 变量 in 对象){ } for...in语句 对象中有几个属性,循环体就会执行几次 每次执行时,会将对象中的一个属性名赋值给变量
var obj={ name:'孙悟空', age:18, gender:'男', address:'花果山'} for(var n in obj){ console.log('属性名:'+n); console.log('属性值:'+obj[n]); } 到此这篇关于Java中的Script对象(详细)的文章就介绍到这了,更多相关JavaScript对象内容请搜索wanshiok.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持wanshiok.com! JavaScript数据可视化:ECharts制作地图 Vue中使用Openlayer实现加载动画效果 |