js中中括号,大括号使用详解

天天见闻 天天见闻 2022-03-03 教育 阅读: 547
摘要: 上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如:]中括号,表示一个数组,也可以理解为一个数组对象。一、大括号{}表示对象:javascript供了另外一种简单的方式来创建对象,即大括号({})语法:这里,数组的第三组是未命名的对象,可以用arr[2][1].

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。

如:var LangShen = {"Name":"Langshen","AGE":"28"};

上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,

所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数组的方式来访问中括号,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。

该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如:

var LangShen = {

Name = function(){

return "LangShen";

},

Age = function(){

return "28";

}

}

调用方式差不多,因为是函数组,所以要加上()中括号,如:alert( LangShen.Name() );

二、[ ]中括号,表示一个数组,也可以理解为一个数组对象。

如:var LangShen = [ "Name","LangShen","AGE","28" ];

很明显,每个值或函数,都是独立的,多个值之间只用,(逗号)隔开,因为是数组对象,所以它等于:

var LangShen = Array( "Name","LangShen","AGE","28" );

访问时,也是和数组一样,alert( LangShen[0] );

三、{ } 和[ ] 一起使用,我们前面说到,{ } 是一个对象,[ ] 是一个数组,我们可以组成一个对象数组,如:

var LangShen = { "Name":"Langshen",

"MyWife":[ "LuLu","26" ],

"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}]

}

从上面的结构来看,是一个对象里面的第一项是个属性,第二项是一个数组,第三个是包含有多个对象的数组。调用起来,也是一层一层访问,对象的属性用.(点)叠加,数组用[下标] 来访问。

如:alert( LangShen.MySon[1].Name ) ;

============下面是另外一篇介绍==================================================

一、大括号{}表示对象:

javascript供了另外一种简单的方式来创建对象,即大括号({})语法:

arr = {

a:5, //对象属性,a是变量名

b:8,

c:function(){return this.a + this.b;}, //对象方法

d:['a':1,'b':2] //对象属性,数组

}

通过大括号括住多个属性或方法及其定义(这些属性或方法用逗号隔开),来实现对象的定义,这段代码就直接定义个了具有n个属性或方法的对象,其中属性名和其定义之间用冒号(:)隔开。

document.write(arr.c());

注意,各属性间用逗号(,)隔开。使用这种方式来定义对象,还可以使用字符串作为属性(方法)名,例如:

var obj={“001”:”abc”}

因为这种简单对象没有通过构造函数创造所以也就没能在对象外添加方法。

对比构造函数创造的对象:

function Test(a,b){

this.a = a;

this.b = b;

this.c = function(){return this.a + this.b;}

}

Test.prototype.d = function another(){

return this.a * this.b * Math.PI;

};

arr = new Test(5,8);

document.write(arr.c());

输出:13

document.write(arr.d());

输出:125.66370614359172

二、中括号 [ ] 表示数组:

arr = [

[1,2], //数组

['a','b'],

[{c:'a1',d:'b1'},{e:'a2',f:'b2'}] //对象

];

for(key in arr){

for(chikey in arr[key]){

document.write(chikey + "=>" + arr[key][chikey] +"

");

}

}

输出:

0=>1

1=>2

0=>a

1=>b

0=>[object Object]

1=>[object Object]

document.write(arr[2][1].e);

输出:a2

这里,数组的第三组是未命名的对象,可以用arr[2][1].e的方式指定访问属性。当然也可以遍历:

for(key in arr[2]){

for(val in arr[2][key]){

document.write(val + "=>" + arr[2][key][val] +"

");

}

}

输出:

c=>a1

d=>b1

e=>a2

f=>b2

三、数组与对象

在js中,上述的对象与数组的创建很相似,有人称第一种方式为js的关联数组,姑且吧;但在中括号中就不能使用['a':'b']的形式,只能以索引数组的形式,即下标只能是数字,如[1,2]或['a','b'],这点须注意。

其他相关
《中括号》教学设计

《中括号》教学设计

作者: 天天见闻 时间:2022-02-26 阅读: 512
《中括号》教学重点:计算含有中括号的四则混合运算。探究中括号:3、最难的是怎样正确的在四则混合算式中使用括号?三、再次突显中括号的作用添加括号,使等式成立是许多老师都熟悉的一个练习。于是,就有了“淘气特别喜欢刚刚学习的中括号,他在自己列的所有的算式里都加上了小括号、中括号。...
“中括号”教学片段及反思

“中括号”教学片段及反思

作者: 天天见闻 时间:2022-02-26 阅读: 631
中括号是数学中的一种符号,以往的教材是通过分析、解答应用题引出的,即分析应用题的数量关系,列出综合算式后发现单用小括号不能正确解决问题,必须运用中括号才能顺利解决问题。含有中括号的算式至少含四个数、三种运算。北师大版数学教材四年级上册在编写“中括号”这部分内容时,没有创设任何生活情境,而是以计算式题的形式直接呈现:“我在数学报上看到这样的算式:360÷〔×5〕,怎么算呢?”...
中括号和小括号的运用 中括号和小括号的包含

中括号和小括号的运用 中括号和小括号的包含

作者: 天天见闻 时间:2022-02-26 阅读: 1023
了解小括号与中括号的的有关知识作用?一般最里层的用小括号,次里层的用中括号,再外层的用大括号.或者说,按运算的先后次序,按需要必须先算的用小括号,次之用中括号,再次用大括号.可以扩住小括号,例如:小括号里的内容也是括号里的一部分,就要用中括号括起来.例:[(a+b)-c]+d=+d=a+b-c+d...
word如何取消带灰色中括号+灰色底纹

word如何取消带灰色中括号+灰色底纹

作者: 天天见闻 时间:2022-02-25 阅读: 1304
如果存在文字底纹,可以直接单击“开始,段落”下“底纹”下拉菜单中的“无颜色”;6、取消勾选“限制对选定的样式设置格式”和“仅允许在文档中进行此类编辑”,然后保存文档即可。word中带灰色底纹的中括号是什么格式,怎么删除它?Word中,灰色框是全角空格,是编辑标记,如图所示。...
正则表达式中括号的用法

正则表达式中括号的用法

作者: 天天见闻 时间:2022-02-21 阅读: 2480
括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用。括号中多个命令之间用分号隔开中括号,最后一个命令可以没有分号,各……Linux shell中括号的用法 概述 本文主要介绍Linux中括号的用法,主要包含判断文件和变量。**注意事项**:中括号两边必须有空格。这篇文章主要介绍了JS使用正则表达式获取小括号、中括号及花括号内容的方法,涉及javascript针对三种括号正则匹配的相关操作技巧,需要的朋友可以参考下...
元宵节的简介来历和习俗

元宵节的简介来历和习俗

作者: 天天见闻 时间:2022-02-23 阅读: 1587
农历正月十五元宵节,又称为“上元节”,春灯节,是中国汉族民俗传统节日。又称为小正月、元夕或灯节,是春节之后的第一个重要节日。中国幅员辽阔,历史悠久,所以关于元宵节的习俗在全国各地也不尽相同,其中吃元宵、赏花灯、舞龙、舞狮子等是元宵节几项重要民间习俗。今天就来详细介绍元宵节来历和习俗。在汉文帝时,已下令将正月十五定为元宵节。...
我来说两句

年度爆文