技术文摘
JavaScript对象常用方法
JavaScript对象常用方法
在JavaScript编程中,对象是一种无序的数据集合,它由键值对组成。掌握对象的常用方法,能极大提升开发效率。
访问和修改对象属性
要访问对象的属性,可使用点号(.)或方括号([])表示法。例如:
const person = {
name: 'John',
age: 30
};
console.log(person.name);
console.log(person['age']);
person.age = 31;
person['name'] = 'Jane';
添加和删除属性
使用点号或方括号表示法可以轻松添加新属性。如person.job = 'Engineer';
。若要删除属性,则使用delete
操作符,delete person.job;
执行后,person
对象中就不再有job
属性。
遍历对象
for...in 循环
for...in
用于遍历对象的可枚举属性,包括对象自身属性和继承属性。示例如下:
const car = {
brand: 'Toyota',
model: 'Corolla',
year: 2020
};
for (let key in car) {
console.log(`${key}: ${car[key]}`);
}
Object.keys()、Object.values() 和 Object.entries()
Object.keys()
返回由给定对象的所有可枚举属性组成的数组;Object.values()
返回对象的所有可枚举属性的值组成的数组;Object.entries()
返回一个由所有可枚举属性的键值对组成的数组。例如:
const obj = { a: 1, b: 2 };
console.log(Object.keys(obj));
console.log(Object.values(obj));
console.log(Object.entries(obj));
合并对象
Object.assign()
Object.assign()
用于将一个或多个源对象的所有可枚举属性复制到目标对象。语法为Object.assign(target,...sources)
。比如:
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target);
展开运算符
使用展开运算符也能合并对象:const merged = {...target,...source1,...source2 };
判断对象是否拥有某个属性
使用hasOwnProperty()
方法可判断对象是否拥有某个自身属性(非继承属性)。例如:
const animal = { species: 'Dog' };
console.log(animal.hasOwnProperty('species'));
console.log(animal.hasOwnProperty('name'));
这些JavaScript对象的常用方法,在数据处理、对象操作等方面发挥着重要作用,开发者应熟练掌握并灵活运用。
TAGS: 对象遍历方法 对象属性操作 JavaScript对象方法 对象转换方法
- Lua 中 string.len() 的使用攻略
- Go 语言开发 k8s 中 Service 操作的解析
- Lua 中 string.lower() 的使用方法
- 三个 Go 语言实用重构技术分享
- Go 语言开发 k8s 中 ConfigMap 操作的解析
- Lua 中全局环境、包与模块组织结构解析
- Go Cron 定时任务基本使用详解
- Lua 中迭代器与泛型 for 的深度剖析及使用
- Golang 中生成器模式的讲解与代码示例
- GO 集合 map 运用实例小结
- Lua 中基础数据类型、表达式及流程控制语句解析
- Lua 中函数及面向对象编程基础梳理
- 深入解读 Go 语言中的函数
- 详解 Lua 文件操作
- 浅析 Lua 与 C 的交互