JS中访问对象的属性

简介: 方式一: 对象名.属性名;   方式二: 对象名["属性名"];   注意:方式二中,属性名以字符串的形式出现在方括号中,这意味着通过方式二访问属性的话,可以实现“动态访问对象的属性”。
方式一:
对象名.属性名;
 
 
 
 
 
方式二:
 
 
对象名["属性名"];
 
 
 
 
 
注意:方式二中,属性名以字符串的形式出现在方括号中,这意味着通过方式二访问属性的话,可以实现“动态访问对象的属性”。
 
 
例如:
 
 
 
 
 
function Person(){}
 
 
 
 
 
var p1 = new Person();
 
 
 
 
 
p1.name = "刘宇"; //在 JavaScript 中我们可以给对象动态添加属性。
 
 
 
 
 
alert(p1.name); //输出:小明
 
 
 
 
 
 
 
 
//利用字符串变量 str 访问 p1 中的 name 属性:
 
 
 
 
 
var str = "na"+"me";
 
 
 
 
 
alser(p1[str]); //输出:小明
 
 
 
 
 
/* 这样通过改变 字符串变量 str 的值 就可以实现动态的访问对象的属性了。*/
 
 
 
 
 
  另外在这里 记录一下 delete 运算符号。
 
 
 
JS中的 delete 运算符 用于删除对象中的一个属性或数组中的一个元素
使用格式:delete 对象名.属性名;



 

相关文章
|
8天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
18天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
26 1
N..
|
25天前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
11天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
3天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
6 0
|
4天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4
|
8天前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
|
16天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
N..
|
25天前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
11 2
N..
|
25天前
|
JavaScript 前端开发 数据处理
Vue.js的过滤器和监听属性
Vue.js的过滤器和监听属性
N..
16 1