JavaScript引用类型Object常见用法实例分析

本文实例讲述了JavaScript引用类型Object常见用法。分享给大家供大家参考，具体如下：

1、JavaScript数据类型

(1)基本类型

5种基本类型：Undefined、Null、Boolean、Number、String

(2)引用类型

5种引用类型：Object、Array、Date、RepExp、Function

(3)基本类型与引用类型的异同：

1)保存方式

基本类型是按值访问的。引用类型的值是按引用访问的，引用类型的值是保存在内存中的对象，JavaScript在操作对象时，实际上是操作对象的引用而不是实际的对象。

2)复制变量值

复制基本类型值会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。复制引用类型值也会将存储在变量对象的值复制一份到新变量的空间，只是值的副本是一个指针，指向存储在堆中的一个对象。

3)参数传递

JavaScript中访问变量有按值和引用两种方式，而参数只能按值传递。

2、Object类型

对象是某个引用类型的实例。

大多数引用类型值都是Object类型的实例。

---创建Object实例的方法

(1) 使用new操作符后跟Object构造函数。

var person = new Object();
person.name = "Alice";
person.age = 23;
person[5] = true;

(2) 使用字面量表示法。

var person = {
  "name" : "Alice",
  age : 23,
  5 : true
};

当属性名是字符串时，引号（单、双引号）可用也可不用。

对象字面量是向函数传递大量可选参数的首选方式。

---访问对象属性的方法

(1) 点表示法

alert(person.name);

(2)方括号表示法

alert(person["name"];

方括号表示法的优点：可以通过变量来访问属性。

var property = "name";
alert(person[property];

若属性名中包含空格等或属性名是数值时，不能用点表示法，只能用方括号表示法。

alert(person[5]);

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript操作DOM技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】

    本文实例讲述了JavaScript引用类型之基本包装类型.分享给大家供大家参考,具体如下: 为了操作基本类型值,ECDMAScript提供了3个特殊的引用类型--基本包装类型Boolean.Number和String.每当读取一个基本类型值时,后台会创建一个对应的基本包装类型的对象. var str = "Hello world"; var substr = str.substring(); 等价于 var str = new String("Hello world"

  • JavaScript引用类型Array实例分析

    本文实例讲述了JavaScript引用类型Array.分享给大家供大家参考,具体如下: 1.ECMAScript数组的特点 (1)ECMAScript数组的每一项可以保存任何类型的数据. (2)ECMAScript数组的大小是可以动态调整的. 2.创建数组 (1)使用Array构造函数(new操作符可省略) var arr1 = new Array(); var arr2 = new Array(3); var arr3 = new Array("teacher", 3, true);

  • 详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

    详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

    1.JSON 概念:JavaScript 对象表示法(JavaScript Object Notation),是一种轻量级的数据交换格式 特点:易于程序员编写和查看:易于计算机解析和生成 数据结构:Object对象格式   { key: value , key: value } Array数组格式   [ value , value ] Eg:  var json = ' { "   " : ''  '' } '    (内部双引号,外部单引号) * JSON - 支持独立的"

  • javascript中基本类型和引用类型的区别分析

    javascript中基本类型和引用类型的区别分析

    基本类型和引用类型 ECMAScript包含两个不同类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段:引用类型值指由多个值构成的对象.当我们把变量赋值给一个变量时,解析器首先要做的就是确认这个值是基本类型值还是引用类型值. 常见的五种基本数据类型是: Undifined.Null.Boolean.Number和String.这五种基本数据类型可以直接操作保存在变量中的实际值. 看下面例子: var a = 10; var b = a; b = 20; console.log(a);

  • 浅析JavaScript基本类型与引用类型

    对于 JavaScript 类型,可以简单地概括为:相对于强类型语言来说,它是弱(松散)类型的语言:有基本类型和引用类型,他们是区别是一个有固定空间存在于栈内存中,一个没有固定空间保存在堆内存中并且在栈内存中保存了一个指向实现位置的指针. 市面上很多书都有不小的篇幅在讲.这篇文章会讲几个方面,这些方面可能会需要你对 JavaScript 已经有了一些简单的了解,特别是 JavaScript 的类型.如果还不一解,可以随手拿起一本关于 JavaScript 的书翻翻,再来看本文. 一.基本类型与引

  • JavaScript引用类型Function实例详解

    本文实例讲述了JavaScript引用类型Function.分享给大家供大家参考,具体如下: Function类型 函数是对象,函数名是指针:每个函数都是Function类型的实例.由于函数是对象,因此函数名是一个指向函数对象的指针,不会与某个函数绑定,一个函数可能会有多个名字. function getSum(a, b) { return a + b; } alert(getSum(2, 3));//5 var copy = getSum; alert(copy(2, 3));//5 getS

  • JavaScript引用类型Date常见用法实例分析

    本文实例讲述了JavaScript引用类型Date常见用法.分享给大家供大家参考,具体如下: Date类型使用自UTC1970年1月1日午夜(零时)开始经过的毫秒数来保存日期. 创建日期对象的方法: (1)获得当前日期和时间 var date = new Date(); (2)根据特定的日期和时间创建日期对象 传入的参数:从UTC午夜开始到该日期止经过的毫秒数.为此,提供两个方法Date.parse()和Date.UTC(). 1)Date.parse()方法:接收一个表示日期的字符串,根据这个

  • js中判断Object、Array、Function等引用类型对象是否相等

    在迭代中,我们还要注意的是,对象或者数组中的元素可能是一个任意值--除了原始类型值.object.arrray外,这个值还可能是一个方法.一个DOM对象或者window对象,可能你已经注意到了,有部分引用类型是不能进行迭代的,需要分支判断,代码如下: 复制代码 代码如下: function compare(a,b){ var pt = /undefined|number|string|boolean/, fn = /^(function\s*)(\w*\b)/, cr = "constructo

  • JavaScript基本数据类型及值类型和引用类型

    在JavaScript中四种基本的数据类型:数值(整数和实数).字符串型(用""号或''括起来的字符或数值).布尔型(使True或False表示)和空值.在JavaScript的基本类型中的数据可以是常量,也可以变量.由于JavaScript采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的.当然也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的. javascript中的变量 javascript中的变量只是一个占位符,前言已经

  • JavaScript基础篇（3)之Object、Function等引用类型

    JavaScript基础篇（3)之Object、Function等引用类型

    阅读目录 Object类型 1.通过构造函数来创建 2.通过字面量表示法来创建对象 Array类型 同样Array也有两种创建方式: 如果我们想要打印数组中所有的值,直接打印数组的变量名就可以: 往数组添值: 栈方法.队列方法:  关于数组的排序:  数组的一些操作方法: 查找位置方法 迭代方法 归并方法 Date类型 RegExp类型 Function类型 三种表示法: 方法重载 函数内部属性(arguments 和 this) 基本包装类型 浏览器的内置对象 URI 编码方法 总结 我们在<

  • js类型转换与引用类型详解(Boolean_Number_String)

    一.类型转换 1.转换成字串 ECMAScript的Boolean值.数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法. 如: 复制代码 代码如下: var sColor = "blue";alert(sColor.length);//outputs "4" 总而言之,3种主要的原始值Boolean值.数字和字串都有toString()方法.ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象.

随机推荐