客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
前言和其他编程语言一样，JavaScript 有自己的数据类型，如数字、字符串、数组、对象等。而对象在JavaScript中是一种非常重要的数据类型，它们有很多有用的方法，在平常项目开发中可以使用这些方法容易地处理对象。 本文介绍6个在项目中用得上的方法，趁此机会加深其使用方法。 1、Object.freeze()
const author = {
name: "Quintion",
city: "Shenzhen",
age: 18,
validation: true,
};
Object.freeze(author);
author.name = "QuintionTang";
author.province = "Guangdong";
delete author.age;
console.log(author); // { name: 'Quintion', city: 'Shenzhen', age: 18, validation: true }
如上面的代码，更新属性 2、Object.seal()
const author = {
name: "Quintion",
city: "Shenzhen",
age: 18,
validation: true,
};
Object.seal(author);
author.name = "QuintionTang";
author.province = "Guangdong";
delete author.age;
console.log(author); // { name: 'QuintionTang', city: 'Shenzhen', age: 18, validation: true }
从上面代码可以看到，新增属性和删除属性都无效，只有更新属性 3、Object.keys()
看看下面的代码：
const author = {
name: "Quintion",
city: "Shenzhen",
age: 18,
validation: true,
};
console.log(Object.keys(author)); // [ 'name', 'city', 'age', 'validation' ]
可以看到上面的代码中打印的结果是一个包含键作为输出的数组。输出的结果可以使用数组的方法进行处理或者迭代。 console.log(Object.keys(author).length); // 4 4、Object.values()
const author = {
name: "Quintion",
city: "Shenzhen",
age: 18,
validation: true,
};
console.log(Object.values(author)); // [ 'Quintion', 'Shenzhen', 18, true ]
5、Object.create()
const author = {
firstName: "Quintion",
lastName: "Tang",
fullName() {
return `${this.firstName} ${this.lastName}`;
},
};
const newAuthor = Object.create(author);
console.log(newAuthor); // {}
newAuthor.firstName = "Ronb";
newAuthor.lastName = "Joy";
console.log(newAuthor.fullName()); // Ronb Joy
在上面的代码中，使用 6、Object.entries()Object.entries() 允许获取对象的键和值，返回一个多维数组，其中每一维包含每个键和值，如
const author = {
firstName: "Quintion",
lastName: "Tang",
fullName() {
return `${this.firstName} ${this.lastName}`;
},
};
console.log(Object.entries(author));
输出的结果如下： [ [ 'firstName', 'Quintion' ], [ 'lastName', 'Tang' ], [ 'fullName', [Function: fullName] ] ] 总结本文对对象常见的6个方法做了简单的介绍，并提供了相应的示例代码，在实际编码处理对象的过程中，使用上面的方法可以让代码变得更加优雅。 到此这篇关于JavaScript优雅处理对象的6种方法的文章就介绍到这了,更多相关JavaScript处理对象内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论