5.1 JS中Object类型
1.Object类型是引用类型中的一种。
2.创建Object实例(对象)的方式:
方式1:使用new操作符,后面跟上Object构造函数。如:
var obj = new Object();//创建Object对象
obj.name = "1024idea";//给对象添加属性
obj.about = "JavaScript教程";// 给对象添加属性
方式2:对象字面量方式,对象字面量方式是对象简写的一种形式
var obj = {
name:"1024idea",
about:"JavaScript教程";
};
你也可以创建一个空对象,后续给对象添加属性:
var obj = {};
obj.name = "1024idea";//给对象添加属性
obj.about = "JavaScript教程";// 给对象添加属性
3.在实际的开发项目中,我们更喜欢用对象字面量方式。优点在于:(1)简洁 (2)可以向函数中传递大量参数。如:
function showInfo(args){
var output = "";
if(typeof args.name == "string"){
output += "name:"+args.name;
}
if(typeof args.age == "number"){
output += "age:"+args.about;
}
console.log(output);
}
showInfo({name:"1024idea", age:"10"}); //函数调用,传入大量参数
4.访问对象属性的几种方式:
(1)方式一:.点表示法,如:
var obj = {
name:"zhangsan",
score:100,
weight:180
}
console.log(obj.name);// 点表示法
console.log(obj['name']);// 其实也可以用方括号表示法
下面来看一个点表示法去访问对象的属性的例子,稍微难一点的例子,如:
var peronProperty = "";
// JSON对象格式
var objJson = {
total: 3,
data: [
{
"name":"张三",
"age":20,
},
{
"name":"李四",
"age":30
},
{
"name":"王五",
"age": 40
}
]
};
for(var k in objJson.data){
peronProperty += "姓名:"+objJson.data[k].name+",年龄:"+objJson.data[k].age+";\r";
}
console.log(peronProperty);// 姓名:张三,年龄:20; 姓名:李四,年龄:30; 姓名:王五,年龄:40;
(2)方式二:[ ] 方括号表示法
一般来说,我们是用点表示法来访问对象的属性的。
点表示法和方括号表示法的区别:
①一般我们用点表示法,如果属性中包含一些特殊字符,如空格,关键字等,我们则用方括号表示法。
②方括号表示法有个优点就是:可以通过变量来访问属性。,其实在上面的那个例子中 objJson.data[k] 这个就是方括号表示法,其中 k 是一个变量。
原文链接:http://www.1024idea.com/archives/167
5.1 JS中Object类型的更多相关文章
- js中object类型模拟java中的map
- JS中基本类型与包装类型的关系
对于JS中一些类型的转化的东西,自己测试并得出的结论,有错误的地方请大大们留言. 不多废话,直接贴代码,测试请直接拷贝全部代码: <!DOCTYPE html> <html> ...
- 推断js中的类型:typeof / instanceof / constructor / prototype
怎样推断js中的类型呢,先举几个样例: var a = "jason"; var b = 123; var c = true; var d = [1,2,3]; var e = n ...
- js中属性类型:数据属性与访问器属性
js中属性类型分为两种:数据属性和访问器属性 在js中,对象都是由名值对构成的,名:就是我们所说的属性名,值就是属性对应的值(基本值.对象.方法). ECMA-262第5版定义了只有内部才用的特性,描 ...
- js中Object.defineProperty()和defineProperties()
在介绍js中Object.defineProperty()和defineProperties()之前,我们了解下js中对象两种属性的类型:数据属性和访问器属性. 数据属性 数据属性包含一个数据的位置, ...
- js中boolean类型的理解
<html> <head> <script type="text/javascript"> var x="12"; aler ...
- JS中Float类型加减乘除 修复 JQ 操作 radio、checkbox 、select LINQ to SQL:Where、Select/Distinct LINQ to SQL Count/Sum/Min/Max/Avg Join
JS中Float类型加减乘除 修复 MXS&Vincene ─╄OvЁ &0000027─╄OvЁ MXS&Vincene MXS&Vincene ─╄Ov ...
- JS中数值类型的本质
一.JS中的数值类型 众所JS爱好友周知,JS中只有一个总的数值类型--number,它包含了整型.浮点型等数值类型.其中,浮点数的实现思想有点复杂,它把一个数拆成两部分来存储.第一部分是有效位数,也 ...
- js中object的申明方法
//js中的对象申明使用new Object(); //object类型的数据类似于数组通过下表来访问其中的值 //example1 var person=new Object(); person.n ...
随机推荐
- JavaWeb的国际化
国际化 1.国际化开发概述 1.1.软件的国际化 软件开发时,要使它能同时应对世界不同地区和国家的方法,并针对不同地区和国家的方法,提供相应的,符合来访者阅读习惯的页面或数据 国际化简称:i18n : ...
- 冗余代码都走开——前端模块打包利器 Rollup.js 入门
之前翻译过一篇文章,介绍了通过 ES2015 的解构赋值语法引入模块,可以让打包工具(browserify)最终编译出来的代码量最小化. 殊不知在 webpack 1.X 版本是无法利用该特性来避免引 ...
- 小谈Scrum敏捷开发流程
一晃眼,有两年没有写博客了,回顾前两年,各种奔波,各种忙碌,也有不少的收获.从今天开始,我要把这些收获都分享在这里. 其实这两年,对我影响最大的是开发流程.总所周知,一个好的开发流程,对于项目的进行, ...
- Android开发学习之路-机器学习库(图像识别)、百度翻译
对于机器学习也不是了解的很深入,今天无意中在GitHub看到一个star的比较多的库,就用着试一试,效果也还行.比是可能比不上TensorFlow的,但是在Android上用起来比较简单,毕竟Tens ...
- 安装过程错误[INS-30131]
问题:Oracle Database 安装过程错误[INS-30131] 原因:安装用户没有对临时文件夹的读写权限 解决方案: 1.以管理员身份运行cmd.exe 2.输入命令(需启动Se ...
- 用Hibernate和Struts2+jsp实现分页查询、修改删除
1.首先用get的方法传递一个页数过去 2.通过Struts2跳转到Action 3.通过request接受主页面index传过的页数,此时页数是1, 然后调用service层的方法获取DAO层分页查 ...
- 揭开SQL注入的神秘面纱PPT分享
SQL注入是一个老生常谈但又经常会出现的问题.该课程是我在公司内部培训的课程,现在分享出来,希望对大家有帮助. 点击这里下载.
- JavaScript权威设计--JavaScript函数(简要学习笔记十)
1.函数命名规范 函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"lik ...
- PowerDesigner(数据建模)使用大全
什么是PowerDesigner 引入百度百科的说法是: power designer是能进行数据库设计的强大的软件,是一款开发人员常用的数据库建模工具.使用它可以分别从概念数据模型(Conceptu ...
- HTTP的长连接和短连接
本文总结&分享网络编程中涉及的长连接.短连接概念. 关键字:Keep-Alive,并发连接数限制,TCP,HTTP 一.什么是长连接 HTTP1.1规定了默认保持长连接(HTT ...