JS基础 []、{}、()

傷城~ 2023-10-06 21:39 100阅读 0赞

#### 阅读目录 ####

*  \{ \} 大括号，表示定义一个对象
 *  \[ \] 中括号，表示一个数组
 *  \{ \} 和 \[ \] 一起使用，表示一个对象数组
 *  () 多表示参数、\{\} 表示函数体
 *  js 中 var i=\{\} 与 var i=\[\] 的区别

## \{ \} 大括号，表示定义一个对象 ##

大部分情况下要有成对的属性和值，或是函数体。

`{}` 表示对象  
`[]` 表示对象的属性  
`()` 方法，如果用在方法名后面，代表调用

如：

var LangShen = {
        "Name":"Langshen","AGE":"28"}; 
    console.log(LangShen.Name); // Langshen

上面声明了一个名为 `“LangShen”` 的对象，多个属性或函数用,`（逗号）`隔开，因为是对象的属性， 所以访问时，应该用.`（点）`来层层访问：

`LangShen.Name、LangShen.AGE`，

当然我们也可以用数组的方式来访问，如：

`LangShen["Name"]、LangShen["AGE"]`，结果是一样的。

var LangShen = {
        "Name":"Langshen","AGE":"28"}; 
    console.log(LangShen["Name"]); // Langshen

## \[ \] 中括号，表示一个数组 ##

也可以理解为一个数组对象。

如：

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 ); // Son2`

var LangShen=[
        {
        “name”：“wangwu”},
        {
        “name”：“lieu”}
    ];

这是一个对象数组。

## () 多表示参数、\{\} 表示函数体 ##

function show(name){
        
        Alert(name);
    }

es6中

let show=(name)=>{
        
        alert(name);
    }

在es6中如果参数只有一个，或者函数体只有一个话，可以省略 `（）、{}` ,如

let show=name=>alert(name);

## js 中 var i=\{\} 与 var i=\[\] 的区别 ##

i={
        } 对象字面量 等同 i = new Object();
    i=[] 数组字面量 等同 i = new Array();

一、作用不同

1、`var i={}`：声明了一个对象变量。  
2、`var i=[]`：声明了一个数组变量。

二、存储情况不同

1、`var i={}`：是一个存储器地址，其中拥有值，这个地址可能有标识符指向此处。

2、`var i=[]`：属于构造数据类型。  
一个数组可以分解为多个数组元素，这些数组元素可以是基本数据类型或是构造类型。

三、特点不同

1、`var i={}`：对象具有唯一的标识符，对象包括属性`（Properties）`和方法`（Methods）`，属性就是需要记忆的信息，方法就是对象能够提供的服务。

2、`var i=[]`：有了数组，可以用相同名字引用一系列变量，并用数字`（索引）`来识别。使用数组可以缩短和简化程序，因为可以利用索引值设计一个循环，高效处理多种情况。

JS基础 []、{}、()

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JS基础 []、{}、()

相关 Js 基础

相关 [Nuxt.js]Nuxt.js基础

相关 js基础

相关 js基础

相关 JS_js赋能基础

相关 js基础

相关 Js_基础

相关 JS基础

相关 JS基础