JS中对象与数组(大括号{}与中括号[])

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 
如: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 ) ;



问题一:

var obj1 = { 100: "a", 2: "b", "7": "c", "e": "123"};
obj1.100和obj1.7都不正确,可以这样 obj1[100]和obj1[7]、obj1[‘100‘]

问题二:

‘use strice‘; var ar = Array(5,6,7);Object.prototype.toString.call(ar); //"[object Array]"ar[3]=33;ar //(4) [5, 6, 7,33]

ar[‘ss‘] =99;ar //(4) [5, 6, 7, 33, ss: 99]

数组ar长度为4,但是ar[‘ss‘]正常,且可以对象方式表示ar.ss

总结:

对象的属性名可以为数字,但是不能正常读取,可以以数组下标形式读取。

数组中可以存在类似于分健值对,读取发数组方式或对象方式都可以,但是数组长度不正常

原文地址:https://www.cnblogs.com/7qin/p/9940700.html

时间: 2024-08-29 09:55:22

JS中对象与数组(大括号{}与中括号[])的相关文章

JS中对象转数组方法总结

1.Array.from() 方法,用于数组的浅拷贝.就是将一个类数组对象或者可遍历对象转换成一个真正的数组.eg: let obj = { 0: 'nihao', 1: 'haha', 2: 'gansha', 'length': 3 } let arr = Array.from(obj) console.log(arr); tips: 1. object中必须有length属性,返回的数组长度取决于length长度         2.key 值必须是数值 2.Object.values(o

原生 JS 中对象相关 API 合集

https://juejin.im/entry/58f8a705a0bb9f0065a4cb20 原文链接:https://microzz.com/2017/04/20/jsobject/ 原生 JavaScript 中对象相关 API 合集 - 对象篇.现在 jQuery 已经没有那么有优势了,原生 JS 赶紧学起来... -- 由microzz分享 Microzz [email protected] 主页 文章 标签 GitHub 关于我 掘金专栏 SegmentFault Vue音乐播放器

js中对象的复制,浅复制(浅拷贝)和深复制(深拷贝)

在js中,我们经常复制一个对象,复制数据,那么就会有人问了,怎么复制,今天鹏哥就带来js中的复制方法. JS中对象分为基本类型和复合(引用)类型,基本类型存放在栈内存,复合(引用)类型存放在堆内存. 堆内存用于存放由new创建的对象,栈内存存放一些基本类型的变量和对象的引用变量. 至于堆内存和栈内存的区别介绍,你们可以百度看看. 下面开始讲解复制: 这种只是简单的变量,内存小,我们直接复制不会发生引用. var a=123; var b=a; a=123456; alert(a); //1234

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

js实现对象或者数组深拷贝

今天遇到个问题,就是vue绑定的数组在push中所有的数组都会跟着改变.这个主要是因为 JavaScript中对象或者数组等引用类型,直接拷贝,改变一个另外一个也会改变: 有个简单的方法就是先转换为字符串再转换为json var arr = [1,2,3]; var arr1 = arr; arr1.push(4); console.log(arr); //[1,2,3,4] console.log(arr1);//[1,2,3,4] 上面这是没转换的. 1.通过JSON.stringfy()和

js中对象的浅拷贝和深拷贝的区别

js中对象的浅拷贝和深拷贝的区别 浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变. 深度拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型.两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性. 数据的类型: 一般数据(值传递):字符,数值,布尔,undefined 拷贝(复制)时,传递的是值,修改新数据,不会影响老数据 复杂数据(引用传递):对象 拷贝(复制)时,传递的是内存地址的

JS判断对象是不是数组“Array”

在开发中,我们经常需要判断某个对象是否为数组类型,在Js中检测对象类型的常见方法都有哪些呢? typeof 操作符 对于Function, String, Number ,Undefined 等几种类型的对象来说,他完全可以胜任,但是为Array时 var arr=new Array("1","2","3","4","5"); alert(typeof(arr)); 你会收到一个object 的答案,有点让

A.JS中对象的简单介绍

JS中的对象实际上是一个包含属性和方法的一个特殊的数据集合.调用的时候用(.)来进行调用.object.property;object.method.为了加深理解,我们设置一个person对象,他有age,sex属性:有sleep(),eat()方法.那么当我们要使用person对象时,首先,需要实例化一个对象,利用new关键字,比如: var bob = new person; 上面的语句就是实例化了一个person对象,bob.他有person对象的所有属性和方法.可以利用(.)来进行对属性

js中对象使用

简单记录javascript中对象的使用 一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; //此对象中的author属性的值还是一个对象 var o3={x:12,author:{name:'JS',age:23,address:'china'}}; //创建一个空对象和{}一样 var o4=new Object(); //给对象增加name属性 o4.name='JS' 上面使用了两