JavaScript物件的基本用法

WBOY
發布: 2022-08-04 09:49:07
轉載
1348 人瀏覽過

本篇文章為大家帶來了關於javascript的相關知識,其中主要介紹了關於JavaScript物件的相關問題,而物件是一組無序的相關屬性和方法的集合,所有事物都是對象,例如字串,數值,數組,函數等,下面一起來看一下,希望對大家有幫助。

JavaScript物件的基本用法

【相關推薦:javascript影片教學web前端

#」一、聲明物件的兩種語法

什麼是物件?

在JavaScript中,物件是一組無序的相關屬性和方法的集合,所有事物都是對象,例如字串,數值,數組,函數等

物件是由屬性和方法組成的:

  • 屬性:事物的特徵,在物件中用屬性來表示(常用名詞)

  • 方法:事物的行為,在物件中用方法來表示(常用動詞)

let obj = {'name': 'frank','age' : 18} // 简单写法 let obj = new Object({'name': 'frank'}) // 正规写法
登入後複製

#注意:

  • 鍵名(key)是字串,不是標識符,可以包含任意字元
  • 引號可以省略,但是當鍵名裡面有漢字,空格,符號等特殊字元時候不可以省略,省略之後就只能寫標識符。
  • 就算引號省略了,鍵名還是字串

#二、刪除物件的屬性

#1.

delete obj.xxx或delete obj['xxx']

#即可刪除obj的xxx屬性。只能刪屬性不能用來刪物件。

注意:區分「屬性值為undefined」和「不含屬性名」

delete obj.xxx 或delete obj['xxx']

可以對屬性名進行刪除。JavaScript物件的基本用法

用'xxx' in obj 來檢查是否屬性名稱刪除成功

2.

不含屬性名稱

'xxx' in obj===false

#3.

含屬性名,但是值為undefined

'xxx' in obj && obj.xxx===undefined

#注意:obj.xxx === undefined

# ,不能斷定'xxx'是否為obj的屬性

JavaScript物件的基本用法

#obj.name = undefined

只是把屬性值變成空,但是屬性名還存在。JavaScript物件的基本用法

三、檢視物件的屬性
  1. #檢視自身所有屬性

#Object.keys(obj)

JavaScript物件的基本用法
# 2.

檢視自身共有屬性

## console.dir(obj)

JavaScript物件的基本用法

或自己依序用Object.keys 印出obj.__proto

__ (不推薦)

JavaScript物件的基本用法
3.判斷一個屬性是自身的還是共有的

#obj.hasOwnProperty('toString') // false 不是自身的// ture 是自身的。

JavaScript物件的基本用法
4.查看單一屬性值

#有兩種方法:
  • 中括號法:obj['key']

  • 點語法:obj.key

  • ##obj['k' 'ey']也可以是說裡面是字串

#
obj.name obj['name'] obj.name 不等价于 obj[name]
登入後複製
let name ='frank' obj[name]等价于obj['frank'] 而不是obj.name 或 obj['name'] 除非let key = 'name'; 此时obj[key] = 'frank'
登入後複製

四、修改或增加物件的屬性

  1. 直接賦值用中括號語法或點語法="xxx"賦值
let obj={name:'frank'} //name是字符串 obj.name='frank' //对字符串name进行修改 obj['name']='frank' ~~obj[name]='frank'~~ 因为name值不确定 可能不等于字符串name obj['na'+'me']='frank' //运算的形式赋值 let key='name'; obj[key]='frank' // 通过引入变量来赋值 let key='name';~~obj.key='frank'~~ obj.key等价于obj['key']
登入後複製

JavaScript物件的基本用法

2.批次賦值

Object.assign(obj,{age:18,gender:'name',...})(賦值給誰,{什麼東西})

JavaScript物件的基本用法
3.修改或增加共有屬性

  • 无法通过自身修改或增加共有属性

(读的时候走原型,写的时候只走自身属性,如果你要运行的话只运行自身的属性)

let obj = {},obj2 = {};obj.toString='xxx'//只会修改自身属性obj2.toString//还是在原型上
登入後複製
  • 偏要修改或增加原型上的属性, 一般来说不要修改原型,会引起很多问题
obj.__proto__.toString='xxx' //不推荐 window.Object.prototype.toString='xxx' //与上式子相同
登入後複製
  • 修改隐藏属性(修改原型)

    不推荐使用__proto__代码:obj.__proto__=common

    推荐使用Object.create

let obj=Object.create(common)obj.name='frank'obj.age='jack' //简单用法
登入後複製

规范大概的意思是,要改就一开始改,别后来再改,影响性能。

var common={'国籍':'中国',hairColor:'black'} var person=Object.create(common,{name:{value:'frank'}}) cosole.log(person) // 正规 但是复杂用法
登入後複製

提问:

‘name’ in obj和obj.hasOwnProperty(‘name’) 的区别?

'name' in obj是查看name属性是否在 obj 对象里面。这里是包含了 自身属性和共有属性。

obj.hasOwnProperty('name')是查看这个name属性属于自身属性还是共有属性

// false 不是自身属性 //ture 是自身属性

变量,属性,函数,方法的区别?

相同点:变量和属性都是用来存储数据的

不同点:

变量:单独声明并赋值,使用的时候直接写变量名 单独存在

属性:在对象里面不需要声明,使用的时候必须是 对象.属性

相同点:函数和方法都是实现某种功能的

不同点:

函数:是单独声明的并且调用的 函数名() 单独存在

方法:在对象里面 调用的时候 对象.方法()

【相关推荐:javascript视频教程web前端

以上是JavaScript物件的基本用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!