`

JS基本知识

阅读更多
   对象和数组(Objects and Arrays)
什么是对象?把一些"名字-属性"的组合放在一个单元里面,就组成了一个对象.我们可以理解为javascript中
的对象就是一些"键-值"对的集合(An object is a collection of named values. These named values are usually referred
to as properties of the object.--Section3.5).
"名字"只能是string类型,不能是其他类型,而属性的类型则是
任意的(数字/字符串/其他对象..).可以用new Object()来创建一个空对象,也可以简单的用"{}"来创建一个
空对象,这两者的作用是等同的.

Js代码
var emptyObject1 = {};           //创建空对象   
var emptyObject2 = new Object(); //创建空对象   
var person = {"name":"sdcyst",   
          "age":18,   
          "sex":"male"};     //创建一个包含初始值的对象person   
alert(person.name);              //sdcyst   
alert(person["age"]);            //18  
var emptyObject1 = {};          //创建空对象
var emptyObject2 = new Object(); //创建空对象
var person = {"name":"sdcyst",
      "age":18,
      "sex":"male"};     //创建一个包含初始值的对象person
alert(person.name);              //sdcyst
alert(person["age"]);            //18 从上面的例子我们也可以看到,访问一个对象的属性,可以简单的用对象名加"."后加属性的名字,也
可以用"[]"操作符来获取,此时在[]里面的属性名字要加引号,这是因为对象中的索引都是字符串类型的.
javasript对象中属性的个数是可变的,在创建了一个对象之后可以随时对它赋予任何的属性.

Js代码
var person = {};   
person.name = "sdcyst";   
person["age"] = 18;   
alert(person.name + "__" + person.age); //sdcyst__18   
  
var _person = {name:"balala","age":23}; //在构建一个对象时,属性的名字可以不用引号来标注(name),   
                    //但是仍旧是一个字符串类型.在访问的时候[]内仍旧需要引号   
alert(_person["name"] + "__" + person.age); //balala__23   
alert(_person[name]);                   //undefinied  
var person = {};
person.name = "sdcyst";
person["age"] = 18;
alert(person.name + "__" + person.age); //sdcyst__18

var _person = {name:"balala","age":23}; //在构建一个对象时,属性的名字可以不用引号来标注(name),
//但是仍旧是一个字符串类型.在访问的时候[]内仍旧需要引号
alert(_person["name"] + "__" + person.age); //balala__23
alert(_person[name]);                   //undefinied 通过"."操作符获取对象的属性,必须得知道属性的名字.一般来说"[]"操作符获取对象属性的功能更强大一些,
可以在[]中放入一些表达式来取属性的值,
比如可以用在循环控制语句中,而"."操作符则没有这种灵活性。

Js代码
var name = {"name1":"NAME1","name2":"NAME2","name3":"NAME3","name4":"NAME4"};   
var namestring = "";   
for(var props in name) {  //循环name对象中的属性名字   
    namestring += name[props];   
}   
alert(namestring);  //NAME1NAME2NAME3NAME4   
  
namestring = "";   
for(var i=0; i<4; i++) {   
    namestring += name["name"+(i+1)];   
}   
alert(namestring);  //NAME1NAME2NAME3NAME4  
var name = {"name1":"NAME1","name2":"NAME2","name3":"NAME3","name4":"NAME4"};
var namestring = "";
for(var props in name) {  //循环name对象中的属性名字
    namestring += name[props];
}
alert(namestring);  //NAME1NAME2NAME3NAME4

namestring = "";
for(var i=0; i<4; i++) {
    namestring += name["name"+(i+1)];
}
alert(namestring);  //NAME1NAME2NAME3NAME4 delete操作符可以删除对象中的某个属性,判断某个属性是否存在可以使用"in"操作符.

Js代码
var name = {"name1":"NAME1","name2":"NAME2","name3":"NAME3","name4":"NAME4"};   
var namestring = "";   
for(var props in name) {  //循环name对象中的属性名字   
    namestring += name[props];   
}   
alert(namestring);  //NAME1NAME2NAME3NAME4   
  
delete name.name1;  //删除name1属性   
delete name["name3"];  //删除name3属性   
namestring = "";   
for(var props in name) {  //循环name对象中的属性名字   
    namestring += name[props];   
}   
alert(namestring);  //NAME2NAME4   
  
alert("name1" in name); //false   
alert("name4" in name); //true  
var name = {"name1":"NAME1","name2":"NAME2","name3":"NAME3","name4":"NAME4"};
var namestring = "";
for(var props in name) {  //循环name对象中的属性名字
    namestring += name[props];
}
alert(namestring);  //NAME1NAME2NAME3NAME4

delete name.name1;  //删除name1属性
delete name["name3"];  //删除name3属性
namestring = "";
for(var props in name) {  //循环name对象中的属性名字
    namestring += name[props];
}
alert(namestring);  //NAME2NAME4

alert("name1" in name); //false
alert("name4" in name); //true 需要注意,对象中的属性是没有顺序的.

对象的constructor属性
每一个javascript对象都有一个constructor属性.这个属性对应了对象初始化时的构造函数(函数也是对象).

Js代码
var date = new Date();   
alert(date.constructor);  //Date   
alert(date.constructor == "Date");  //false   
alert(date.constructor == Date);  //true  


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/JAVAZHICHIZHE/archive/2009/05/17/4195915.aspx
分享到:
评论

相关推荐

    JavaScript基本知识点笔记.doc

    JavaScript基本知识点笔记.doc

    1 javascript基本知识

    javascript基本知识,小白可以看看,简单易懂,还有一些练习

    cocos2d-js基本知识整理

    cocos2d-js的基本知识的整理 , 基本代码的整理(加注释)

    js基础知识点思维导图

    本思维导图将深入探讨JS的基础知识点,帮助初学者构建全面的JavaScript知识体系。 1. 变量与数据类型: JavaScript有六种基本数据类型:Undefined、Null、Boolean、Number、String和Symbol(ES6新增),以及一种...

    js基本知识

    js基本操作,值得一看,主要是操作dom节点,理解node对象,元素对象

    JS基本入门材料

    "JS基本入门材料"这个压缩包文件显然是为初学者设计的一份学习资源,旨在帮助他们理解并掌握JavaScript的基础知识。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型的、基于原型的、弱类型的脚本...

    js 的基本知识

    自己整理的javascript代码,基本的语法还有一些基本的方法,还有一些之一事项,调试方法

    知识地图,swfobject.js

    首先,我们来理解SWFObject.js的基本功能。SWFObject.js的核心功能是检测用户浏览器是否支持Flash,如果支持,则插入相应的Flash内容;如果不支持,它会提供备选的HTML内容,这样可以确保所有用户都能看到页面上的...

    JavaScript基础知识总结.xmind

    通过思维导图的方式,快速了解掌握JavaScript的基本内容

    javascript-fundamentals:具有javascript基本知识和算法的各种.js文件

    下面将详细讨论JavaScript的基础知识以及可能在这些.js文件中涉及到的内容。 1. **变量与数据类型**:JavaScript支持七种数据类型,包括基本数据类型(Number、String、Boolean、Null、Undefined)和引用数据类型...

    js基本功.doc

    JavaScript,简称JS,是Web开发中的核心技术之一,主要用于网页和应用程序的交互与动态效果实现。JS的基本功包括了对ECMAScript(ECMA-262标准)的基础语法理解和掌握,以及对内置对象如Math、Date、数组(arr)、函数...

    js 基本概念

    这些知识点构成了JavaScript的基础,是每个JavaScript开发者必须掌握的核心内容。 在"js基本概念-十张图解释所有"这个压缩包文件中,可能包含了对这些概念的图形化解释,通过图表的方式更直观地帮助学习者理解和...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    该资源涵盖了JavaScript的基础知识点,包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议知识点可以帮助开发者快速掌握JavaScript的基础知识,提高开发效率和质量。

    js基础知识点总结-入门级别

    #### 二、JavaScript基本语法 ##### 2.1 如何将JavaScript嵌入HTML中 要在HTML文档中使用JavaScript,通常需要使用`&lt;script&gt;`标签,并通过`type`属性指明脚本类型为"text/javascript"(尽管HTML5中此属性已不再...

    知识图谱,js+html+css,源代码开发应用,canvas应用

    在开发过程中,JavaScript库如D3.js或Vis.js可能被用到,它们提供了高级的图表和图形绘制功能,简化了知识图谱的实现。然而,这个项目可能是从头开始编写代码,因此开发者需要对Canvas API有深入理解,以及具备良好...

    JavaScript入门篇,JavaScript基础知识

    在学习JavaScript的过程中,持续实践、不断阅读优秀的代码、及时复习和巩固知识,是成为熟练JavaScript开发者的必经之路。随着技能的提升,你将能够利用JavaScript创造出更多富有创意和功能强大的Web应用。

    JS大全(JavaScript)

    JS大全是指JavaScript语言的详细介绍,包括基础语法、数据类型、操作符、控制结构、函数、事件处理等方面的知识点。 JS基础语法 在HTML文档中,JS代码可以使用 `&lt;script&gt;` 标签来包含,例如: `...

    Javascript基础入门,最基础的,让你了解js的基本知识

    本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识,但只限于初级知识:所有与动态网页密切相关的 JavaScript 在本教程中都未提及,包括动态定位、动画、让文档接收更多事件(document.captureEvent())等...

    javascript知识图谱

    JavaScript,简称JS,是Web开发领域中不可或缺的脚本语言,尤其在前端开发中占据核心地位。本知识图谱旨在全面地梳理JavaScript的各种知识点,帮助已经学习或正在学习JavaScript的同学构建和完善自己的知识体系。 1...

    threeJS基本配置demo.zip

    **Three.js基础知识** Three.js是一个基于WebGL的JavaScript库,用于在浏览器中创建3D图形。这个"threeJS基本配置demo.zip"包含了演示如何配置和使用Three.js的基本步骤。通过这个压缩包,我们可以学习到Three.js的...

Global site tag (gtag.js) - Google Analytics