带你读《现代Javascript高级教程》五、JavaScript对象(2)

简介: 带你读《现代Javascript高级教程》五、JavaScript对象(2)

带你读《现代Javascript高级教程》五、JavaScript对象(1)https://developer.aliyun.com/article/1349679?groupCode=tech_library


2. 对象 API

JavaScript 对象提供了许多常用的 API,用于操作和管理对象的属性和行为。

Object.keys()

Object.keys() 方法返回一个包含对象

所有可枚举属性的数组。

 

const person = {
  name: 'John',
  age: 25,};
const keys = Object.keys(person);
console.log(keys); // 输出: ['name', 'age']

Object.values()

Object.values() 方法返回一个包含对象所有可枚举属性值的数组。
const person = {
  name: 'John',
  age: 25,};
const values = Object.values(person);
console.log(values); // 输出: ['John', 25]

Object.entries()

Object.entries() 方法返回一个包含对象所有可枚举属性键值对的数组。
const person = {
  name: 'John',
  age: 25,};
const entries = Object.entries(person);
console.log(entries);// 输出: [['name', 'John'], ['age', 25]]

Object.assign()

Object.assign() 方法用于将一个或多个源对象的属性复制到目标对象中。
const target = {
  name: 'John',};
const source = {
  age: 25,};
Object.assign(target, source);
console.log(target); // 输出: { name: 'John', age: 25 }

Object.freeze()

Object.freeze() 方法冻结一个对象,使其属性不可修改。
const person = {
  name: 'John',};
Object.freeze(person);
person.age = 25; // 操作无效,没有修改属性的权限
console.log(person); // 输出: { name: 'John' }


带你读《现代Javascript高级教程》五、JavaScript对象(3)https://developer.aliyun.com/article/1349677?groupCode=tech_library

相关文章
|
1天前
|
存储 JavaScript 前端开发
JavaScript 对象
JavaScript 对象
7 1
|
4天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
6天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
13 1
|
6天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
|
1天前
|
JavaScript 前端开发
js/javascript 操作对象【全】(含常用的操作对象的lodash)
js/javascript 操作对象【全】(含常用的操作对象的lodash)
4 0
|
1天前
|
JavaScript 前端开发 C++
JavaScript 数组去重——普通数组去重 vs 对象数组去重
JavaScript 数组去重——普通数组去重 vs 对象数组去重
6 0
|
1天前
|
JavaScript
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
5 0
|
1天前
|
JavaScript API
vue全屏滚动——vue-fullpage.js教程
vue全屏滚动——vue-fullpage.js教程
5 0
|
1天前
|
JavaScript 前端开发
vue页面滚动动画——wow.js教程
vue页面滚动动画——wow.js教程
5 0