咸鱼前端—js 对象的使用

最新推荐文章于 2023-12-26 10:33:59 发布

咸鱼桨

最新推荐文章于 2023-12-26 10:33:59 发布

阅读量285

点赞数 1

分类专栏： # javascript 前端文章标签： js对象访问对象属性访问方法

本文链接：https://blog.csdn.net/weixin_45020839/article/details/100041180

版权

前端同时被 2 个专栏收录

48 篇文章 0 订阅

订阅专栏

javascript

26 篇文章 0 订阅

订阅专栏

咸鱼前端—js 对象的使用

- - - 对象的使用

对象的使用

访问对象属性

两种方式访问属性：

objectName.propertyName

或者

objectName["propertyName"]

示例1：

var person = {
    firstName: "Bill",
    lastName : "Gates",
    id       :  12345
};
console.log(person.id)

在这里插入图片描述
示例2：
var person = {
firstName: “Bill”,
lastName : “Gates”,
id : 12345
};
console.log(person[“lastName”])

访问对象方法

法访问对象方法：

objectName.methodName()

示例：

<body>
	<div id="demo"></div> 
<script>
// 创建对象：
	var person = {
	    firstName: "蜜汁",
	    lastName : "咸鱼",
	    id       : 666,
	    fullName : function() {
	       return this.firstName + " " + this.lastName;
	    }
	};
	// 显示对象中的数据：
	document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>

在这里插入图片描述
如果您不使用 () 访问 fullName 方法，则将返回函数定义：

document.getElementById("demo").innerHTML = person.fullName;

在这里插入图片描述

遍历对象的属性

通过for…in语法可以遍历一个对象

var obj = {};
for (var i = 0; i < 10; i++) {
  obj[i] = i * 2;
}
for(var key in obj) {
  console.log(key + "==" + obj[key]);
}

在这里插入图片描述

删除对象的属性

function fun() { 
  this.name = 'mm';
}
var obj = new fun(); 
console.log(obj.name); // mm 
delete obj.name;
console.log(obj.name); // undefined

在这里插入图片描述

注意：请不要把字符串、数值和布尔值声明为对象！
如果通过关键词 “new” 来声明 JavaScript 变量，则该变量会被创建为对象：

var x = new String();        // 把 x 声明为 String 对象 
var y = newNumber();        // 把 y 声明为 Number 对象 
var z = new Boolean();      //	把 z 声明为 Boolean 对象

请避免字符串、数值或逻辑对象。
他们会增加代码的复杂性并降低执行速度。