詳解中括號語法及點語法
點語法:
點語法根據物件中的鍵來獲取相應的值.
let obj = {
a: ‘a’
}
console.log(obj.a)// ‘a’
建立相應的鍵值對
obj.b = ‘b’
console.log(obj.b)// ‘b’
中括號語法:
中括號語法也能根據物件中的鍵來獲取值.
let obj = {
a: ‘a’
}
console.log(obj[‘a’])// ‘a’
需要注意的是:中括號內的鍵一般使用引號.
由於物件內的鍵可以是特殊型別如:數字,布林值這些取值時就不用引號.
中括號可以使用變數當鍵,再使用中括號語法obj[變數]取值,這裡的鍵不用加引號,使用的原來變數.
不然預設會認為你使用的外部變數而發生報錯,注意 name , top 等屬於保留字,在全域性使用會有預設值 undefined.
有時候會有需要變數作為鍵的情況,這時候就不要加引號了,或者使用變數取值也不要加引號.
let b = ‘name’
obj[b] = ‘b’
console.log(obj[b])// ‘b’
列印obj物件為:
{
a: ‘a’
name: ‘b’
}
在使用變數當鍵時,會預設把變數中的值解析出來放入物件,在取值時中括號語法也會將其中的變數解析然後取值.
?中括號語法取值時放入一個並不存在的字串進行取值會得到 undefined
物件中還有很多讓人一知半解的點,搞清楚後繼續補充.
相關文章
- Kotlin 程式語言詳解:特點、應用領域及語法教程Kotlin
- smali語法詳解
- Markdown語法詳解
- Hive sql語法詳解HiveSQL
- jQuery 的語法詳解jQuery
- 詳解Dockerfile基本語法Docker
- sed命令語法詳解
- Java語法糖詳解Java
- Python中裝飾器語法詳解Python
- Dart語言詳解(二)——基本語法Dart
- JavaScript 新語法 「雙問號語法」與「可選鏈語法」JavaScript
- JS物件的方括號表示法和點表示法JS物件
- 語法點
- nginx與location語法詳解Nginx
- Azure Terraform(二)語法詳解ORM
- es6語法詳解
- markdown特殊符號語法符號
- latex 中乘號、恆等號、花括號的寫法
- Dart語法要點Dart
- Dart語法詳解(三)——進階篇Dart
- Python中的if、while、for 語法及例項PythonWhile
- latex 中乘號、恆等好、花括號的寫法
- 自動化整合:Pipeline流水語法詳解
- halcon語法講解
- Javascript中的with語法JavaScript
- 英語語法
- Java中常見方法詳解合集(方法的定義及語法結構)Java
- 以 Golang 為例詳解 AST 抽象語法樹GolangAST抽象語法樹
- Vue 3 元件基礎與模板語法詳解Vue元件
- YAML檔案語法及示例YAML
- HTML語法大全_html語言語法大全(必看)HTML
- [一、基本語法]1基本語法概述
- Python中compile函式的語法及例項!PythonCompile函式
- react中的jsx語法ReactJS
- 語法與語義
- Wfurent 語語法概述
- Markdown 常用數學符號和語法符號
- Python程式設計入門基礎語法詳解Python程式設計