带你读《现代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

相关文章
|
5天前
|
JavaScript 前端开发 网络安全
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
16 4
|
3天前
|
前端开发 JavaScript
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
|
3天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
8 0
|
3天前
|
JavaScript 前端开发
web前端JS高阶面试题(1),高级开发工程师面试
web前端JS高阶面试题(1),高级开发工程师面试
|
3天前
|
前端开发 JavaScript
前端 js 经典:原型对象和原型链
前端 js 经典:原型对象和原型链
12 1
|
3天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
3天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
25 1
|
4天前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
4天前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!
|
4天前
|
JavaScript 前端开发 开发者
深入理解JavaScript对象创建
深入理解JavaScript对象创建