`
刘朝雪
  • 浏览: 80113 次
  • 来自: 河北
社区版块
存档分类
最新评论

js对象的类型和创建方法

 
阅读更多

  JavaScript 是面向对象的编程语言 (OOP)。Object Oriented Programming,OOP,面向对象程序设计。

1).对象的声明方式

 

1.调用Object函数创建对象:

var person = new Object();

对于一个已经声明的对象,可以给该对象设置任意属性。比如我们为person对象设置一个名称的属性:

person.name = ‘zhangsan’;

alert(person.name);

这样就给person对象设置了一个叫做name的属性,alert中会弹出name的属性值’zhangsan’。

  2.采用JSON形式创建对象:

var person = {name:’zhangsan’};

alert(person.name);

这种声明方式与第一种方式是等价的,alert中同样会弹出name的属性值’zhangsan’。

  3.自定义函数形式创建对象:

function Person(){};//定义一个空函数

var person = new Person();//使用new关键字创建一个对象。

2).对象的属性

对象的属性通常有两种访问方式,即“对象式”和“数组式”。

对象式:

person.name = ‘zhangsan’;

alert(person.name);//将name作为对象person的一个属性

数组式:

person[‘name’] = ‘zhangsan’;

alert(person[name]);//将对象作为一个数组以属性名作为下标来访问。

遍历对象的所有属性和方法:

for(var s in person){

alert(person[s]);

}

对象的属性可以是简单数据类型,也可以是复杂数据类型,也可以是一个函数。比如:

person.say = function(){

alert(‘hello!’);

}

person.say();//将name作为对象person的一个属性

person[‘say’]();// 将对象作为一个数组以属性名作为下标来访问

3).字符串对象:

 

var arr = "Hello World";  
document.write(arr.length + "<br/>"); // 11;
document.write(arr.toUpperCase()); // HELLO WORLD;

 

  toUpperCase(): 一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

  write(): 方法可向文档写入 HTML 表达式或 JavaScript 代码。例:

     document.write("Hello World","<p style='color:blue;'>Hello World!</p>") //HEllo World

Hello World!

4).数组对象:

 

var mycars=new Array(); // 或  var mycars=new Array(3) 或  var mycars=new Array("Saab","Volvo","BMW")  
mycars[0]="Saab";  
mycars[1]="Volvo";  
mycars[2]="BMW";  
document.write(mycars[2]); //  BMW;

5).Boolean(逻辑)对象:

// 下面的所有的代码行均会创初始值为 false 的 Boolean 对象:
var myBoolean0=new Boolean();
document.write(myBoolean0);  //false
var myBoolean1=new Boolean(0);
document.write(myBoolean1);  //false
var myBoolean2=new Boolean(null);
document.write(myBoolean2);  //false
var myBoolean3=new Boolean("");
document.write(myBoolean3);  //false
var myBoolean4=new Boolean(false);
document.write(myBoolean4);  //false
var myBoolean5=new Boolean(NaN);
document.write(myBoolean5);  //false
// 下面的所有的代码行均会创初始值为 true 的 Boolean 对象:
var myBoolean6=new Boolean(1);
document.write(myBoolean6);  //true
var myBoolean7=new Boolean(true); 
document.write(myBoolean7);  //true
var myBoolean8=new Boolean("true");
document.write(myBoolean8);  //true
var myBoolean9=new Boolean("false");
document.write(myBoolean9);  //true
var myBoolean_1=new Boolean("Bill Gates");
document.write(myBoolean_1);  //true

6).Math(算数)对象:

document.write(Math.round(4.5)+"、"); // 5 四舍五入  
document.write(Math.floor(4.5)+"、"); // 4 取整  
document.write(Math.round(-4.5)+"、"); // -4  
document.write(Math.floor(-4.5)); // -5  
document.write(Math.max(5,7));// 7
document.write(Math.min(-3,5)); // -3

round() 方法对一个数进行四舍五入。

random() 来返回 0 到 1 之间的随机数。

max() 来返回两个给定的数中的较大的数。

min() 来返回两个给定的数中的较小的数

 

分享到:
评论

相关推荐

    【JavaScript源代码】详解js创建对象的几种方式和对象方法.docx

    详解js创建对象的几种方式和对象方法  这篇文章是看js红宝书第8章,记的关于对象的笔记(第二篇)。 创建对象的几种模式:  工厂是函数的意思。工厂模式核心是定义一个返回全新对象的函数。 function getObj...

    js中对象与对象创建方法的各种方法

    这一次我们来说一说在JavaScript中经常会用到的一个复杂基本类型,对象,先从对象的属性讲起,再讲对象的创建方法,基本涵盖了创建对象的各种方法,大家一起学习呀~ 一、对象 要掌握对象的使用及继承,首先当然需要...

    Web前端开发技术-创建对象.pptx

    使用for…in语法可以遍历对象中的所有属性和方法,示例代码如下: 创建对象 2. 遍历对象的属性和方法 使用in运算符判断一个对象中的某个成员是否存在。 var obj = {name: 'Tom', age: 16}; console.log('age' in obj...

    JS创建对象几种不同方法详解

    2、直接将属性和方法赋给了this对象 3、没有return语句 要创建person的实例,必须使用new操作符,以这种方式调用构造函数实际上会经历4个步骤: 1、创建一个新对象 2、将构造函数的作用域赋给新对象 3、执行...

    JS 5种遍历对象的方式

    那和 Object.keys() 方法不就一样了吗 感觉事情并不这么简单,于是我仔细看了一下这几种遍历对象的方法的区别 for in for in 循环是最基础的遍历对象的方式,它还会得到对象原型链上的属性 // 创建一个对象并指定其...

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    js使用对象直接量创建对象的代码

    使用对象直接量创建对象的一般格式如下: var myobject = {属性名1:属性值1,属性2:属性值,…,属性名n:属性值n} 从这个定义中可以看出,这种定义方式实际上是声明一种类型的变量,并同时进行了

    JavaScript创建对象,一篇解君愁(一)

    每个对象都是基于一个引用类型创建的(引用类型可以是 原生类型,也可以是我们自定义的类型),对象的每个属性和方法都有名字,并且每个名字都有一个值,(大家可以理解为键值对)。 JS中创建对象的方式: 实例化...

    JavaScript中对象的不同创建方法

     javascript中的对象实际上就是一个由属性组成的关联数组,属性由名称和值组成,值的类型可以是任何数据类型,或者函数和其他对象。  创建一个简单对象: var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = ...

    使用 JavaScript 创建和分析 JSON 消息

    数组和对象类型的 toJSONString() 函数则更有意思。对于 Array 实例,会依次调用每个所包含元素的 toJSONString() 函数,结果会以逗号进行连接从而分隔每个结果。最终输出会包括在方括号内。同样,对于 Object 实例...

    详解JavaScript基于面向对象之创建对象(2)

     我们创建的每个函数都有一个通过prototype(原型)属性,这个属性是一个对象,它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解:prototypt通过条用构造函数而创建的那个对象的原型对象...

    Web前端开发技术-认识JavaScript的对象.pptx

    项目5 JavaScript对象;学习目标;任务1 认识JavaScript的对象;在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使用“对象...

    JavaScript程序设计课件:Math对象.pptx

    在JavaScript 中的基本数值运算符可以用来进行一些简单的数学计算,而使用Math 对象可以进行更多的高级运算,如平方根、三角函数、对数和随机数等,与其他对象不同的是,该对象不是一个构造函数,不需要实例化就能...

    详解JavaScript对象类型

    JavaScrtip有六种数据类型,一种复杂的数据类型(引用类型),即Object对象类型,还有五种简单的数据类型(原始类型):Number、String、Boolean、Undefined和Null。其中,最核心的类型就是对象类型了。同时要注意,...

    C++解析Javascript示例代码,可以实现C++和Javascript互相调用

    比较好的C++解析Javascript示例,实现的功能有: 1.C++创建对象Javascript调用 2.Javascript 创建对象C++调用 3.C++创建函数由Javascript回调 4.Javascript创建函数由C++回调 ...

    JS对象创建的几种方式整理

    最近一直在看JS高级程序设计这本书,有空来梳理一下几种创建对象的方式。话不多说,直接步入正题。 第一种:Object构造函数创建 var Person = new Object(); Person.name = 'Nike'; Person.age = 29; 这行代码创建...

    JavaScript中创建类/对象的几种方法总结

    在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。 JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种...

    JavaScript程序设计课件:Array对象.pptx

    JavaScript程序设计 Array对象 6.4.5 Array对象 1、创建Array对象 Array用于创建数组对象及对数组进行处理操作。 创建Array对象的方式有三种: var arr1 = new Array(); //创建空数组 var arr2 = new Array(4); //...

    typed-object:创建严格的强类型ES5 JavaScript对象

    类型对象创建严格的强类型JavaScript对象对象文字通常不会在大型JavaScript应用程序中使用,而在开发过程中,我们可能想要强类型语言附带的内心的平静,无论我们只是试图捕捉拼写错误还是创建公共API和接口。...

    JavaScript程序设计课件:Number对象.pptx

    在JavaScript中定义一个数字类型的值,即创建一个Number类型的对象。如:156.55。 6.4.2 Number对象 2、Number对象常用属性及方法 成员 类型 作用 MAX_VALUE 属性 在JavaScript中所能表示的最大数值(静态成员) MIN_...

Global site tag (gtag.js) - Google Analytics