我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript对象(详细)

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript对象(详细)

JavaScript对象

1.定义

对象是引用数据类型,是保存复杂数据类型的容器,它是多个属性(数据)和方法(功能)的集合

它允许动态的添加和删除属性

2.对象的分类

(1)内建对象

         由ES标准中定义的对象,在任何的ES的实现中都可以使用

         比如:math string number boolean object...

(2)宿主对象

         由js的运行环境提供的对象,目前来讲主要由浏览器提供的对象

         比如BOM DOM

(3)自定义对象

         由开发人员自己创建的对象

3.定义对象

对象字面量

使用对象字面量,可以在创建对象时,直接指定对象中的属性

         语法:{属性名:属性值,属性名:属性值...}

         对象字面量的属性名可以加引号,也可以不加,建议不加

         如果要使用一些特殊的名字,则必须加引号

         以'{ }'作为边界,属性与属性之间用','分开,属性和属性值之间使用':'隔开


var obj={};

构造函数创建对象

使用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.给对象添加属性

对象.属性=属性值;


o.gender='女';

6.删除对象属性

delete 对象.属性;


delete o.gender;

7.Object根构造函数

所有的对象都直接或者间接继承Object,都能调用Object原型里面的方法


var o=new Object();
var arr=new Array();

8.对象属性的检测

in 运算符

         通过该运算符可以检查一个对象中是否含有指定的属性

         如果有,返回true,没有则返回false

         语法:

         "属性名" in 对象


'name' in Obj;

9.引用传递和值传递

基本数据类型使用值传递:基本数据类型将值直接保存到内存的栈区中


js中的变量都是保存在栈内存中的

         基本数据类型的值是直接在栈内存中存储

         值与值之间是独立存在的,修改一个变量不会影响其他的变量

var a=123;
var b=a;
a++;
console.log('a='+a);    //124
console.log('b='+b);    //123

引用数据类型使用引用传递:引用数据类型的引用地址保存在栈区中,实际的值保存在堆区中,该引用地址指向堆区中的空间

对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间

而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用

当一个变量修改属性时,另一个也会受到影响


var obj=new Object();
obj.name='terry';
var obj2=obj;
 
//修改obj的name属性
obj.name='tom';
 
console.log(obj.name);    //tom
console.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对象内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript对象(详细)

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

TypeScript面向对象超详细分析

面向对象——想进行执行某个事件,就去找事件对应的对象,把事情落实到对象身上,在程序中一切皆是对象,对象包含属性和方法,面向对象三大特征:封装、继承、多态
2022-11-13

java——面向对象详细介绍(一)

1、什么叫面向对象?面向对象(Object-Oriented,简称OO)就是一种常见的程序结构设计方法。面向对象思想的基础是将相关的数据和方法放在一起,组合成一种新的复合数据类型,然后使用新创建的复合数据类型作为项目的基础。面向对象是一个很抽象的概念,它相对面
java——面向对象详细介绍(一)
2020-10-09

java——面向对象详细介绍(三)

本文接上文:java——面向对象详细介绍(二)11、接口(interface)引入:抽象类是从多个类中抽象出来的模板,若要将这种抽象进行得更彻底,就得用到一种特殊的“抽象类”→ 接口;例子:生活中听说过的USB接口其实并不是我们所看到的那些插槽,而是那些插槽所
2022-03-09

java———面向对象详细介绍(二)

本文接上篇文章:java——面向对象详细介绍(一)11、子类访问父类和方法覆写子类不能直接访问父类的私有成员;但是子类可以调用父类中的非私有方法来间接访问父类的私有成员。Person类中有私有字段name,Student继承Personnew Sudent()
java———面向对象详细介绍(二)
2015-10-13

编程热搜

目录