当前位置: 首页>編程日記>正文

45 JS对象定义

45 JS对象定义

文章目录

  • 1、使用对象的字面量语法定义对象
  • 2、访问对象成员
  • 3、对象成员遍历
  • 4、判断对象成员是否存在

1、使用对象的字面量语法定义对象

JavaScript中,对象的定义是通过“{ }”语法实现的,

对象由对象成员(属性和方法)构成,多个成员之间使用逗号分隔。

对象的成员以键值对的形式存放在{}中。

var o1 = {};
var o2 = {name: 'Jim'};
var o3 = {name: 'Jim', age: 19, gender: '男'};
var o4 = {name: 'Jim',age: 19,gender: '男',sayHello: function() {console.log('你好');}
};

{ }”语法又称为对象的字面量语法,所谓字面量是指在源代码中直接书写的一个表示数据和类型的量,如123(数值型)、'123'(字符型)、[123](数组)都是字面量。

2、访问对象成员

语法:对象.成员。
JavaScript中的对象具有动态特征,如果一个对象没有成员,用户可以手动赋值属性或方法来添加成员。

var o5 = {};			// 创建一个空对象
o5.name = 'Jack';			// 为对象增加属性
o5.introduce = function () {	// 为对象增加方法alert('My name is ' + this.name);	// 在方法中使用this代表当前对象
};
alert(o5.name);			// 访问name属性,输出结果:Jack
o5.introduce();	// 调用introduce()方法,输出结果:My name is Jack

如果对象的成员名不确定时,还可以使用“[]"来实现可变成员名。也就是说,通过一个变量保存成员的名称。

可变成员名语法:对象[变量名] = 值。

var o6 = {};		// 创建一个空对象
var key = 'id';		// 通过变量保存要操作的属性名
o6[key] = 123;		// 相当于“o6['id'] = 123”或“o6.id = 123”

3、对象成员遍历

语法:for…in

var obj = {name: 'Tom', age: 16};
for (var k in obj) {console.log(k + '-' + obj[k]);
}
  • 变量k保存了每个对象成员的名称。
  • obj[k]访问成员属性的值。
  • obj[k]()调用成员方法。

4、判断对象成员是否存在

当需要判断一个对象中的某个成员是否存在时,可以使用in运算符。
当对象的成员存在时返回true,不存在时返回false

var obj = {name: 'Tom', age: 16};
console.log('name' in obj);		// 输出结果:true
console.log('gender' in obj);	 // 输出结果:false

在这里插入图片描述


https://www.fengoutiyan.com/post/14637.html

相关文章:

  • 对象的定义是什么
  • js中的对象
  • js原型对象
  • 什么是类什么是对象
  • js对象类型
  • js对象的方法有哪些
  • JS中编写小车对象
  • js对象去重
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機