惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Recorded Future
Recorded Future
Microsoft Security Blog
Microsoft Security Blog
Recent Commits to openclaw:main
Recent Commits to openclaw:main
The Register - Security
The Register - Security
The GitHub Blog
The GitHub Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
人人都是产品经理
人人都是产品经理
量子位
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
有赞技术团队
有赞技术团队
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
Apple Machine Learning Research
Apple Machine Learning Research
The Cloudflare Blog
B
Blog RSS Feed
小众软件
小众软件
博客园 - 叶小钗
H
Hackread – Cybersecurity News, Data Breaches, AI and More
博客园 - 聂微东
博客园_首页
B
Blog
雷峰网
雷峰网
S
SegmentFault 最新的问题
N
Netflix TechBlog - Medium
D
Docker
博客园 - 司徒正美
博客园 - 【当耐特】
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
MongoDB | Blog
MongoDB | Blog
U
Unit 42
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
腾讯CDC
F
Fortinet All Blogs
aimingoo的专栏
aimingoo的专栏
Martin Fowler
Martin Fowler
Jina AI
Jina AI
WordPress大学
WordPress大学
D
DataBreaches.Net
V
V2EX
V
Visual Studio Blog
Know Your Adversary
Know Your Adversary
P
Privacy & Cybersecurity Law Blog
F
Full Disclosure
G
Google Developers Blog
Engineering at Meta
Engineering at Meta
The Hacker News
The Hacker News
Security Archives - TechRepublic
Security Archives - TechRepublic
IT之家
IT之家
P
Privacy International News Feed

博客园 - springsnow

npoi读取word 内容控件 Vue3中 watch、watchEffect 详解 如何使用 Vue SFC Playground toRefs学习 Vue3中如何响应式解构 props useTemplateRef使用 以后台方式启动RealVNC 在VS2022和VS2012共存的电脑上安装VS212扩展注意事项 VS中配置AnkhSVN源代码比较文件排列方式 使用VSCode撰写和发布博客园文章 DBever导入越南文Excel 使用metaWebBlog接口实现博客文章同步 .Net Core3.1上用EFCore的反向工程生成 水淼·文件批量处理器 如何高效的在博客园上编写MD格式的博客(插件pycnblog,推荐) 自动备份软件 —— Syncovery 7.98s Pro、Enterprise VMware 第三方百度网盘客户端 PanDownload、速盘、panlight 本地电脑视频播放器推荐PotPlayer、KMPlayer
复制对象中的一部分属性给另一个对象(对象部分属性解构到新对象)
springsnow · 2023-06-21 · via 博客园 - springsnow

复制对象中的一部分属性给另一个对象(对象部分属性解构到新对象)

点击查看代码
const obj = {
  a: 1,
  b: 2,
  c: 3,
};

//第1种,全部赋值
const new_obj={}
for(let key in obj) {
    new_obj[key] = obj[key]
}
console.log(new_obj);  { a:1, b:2, c:3 }

//第2种,正常取值法
const new_obj = {
 a1: obj.a,
  b: obj.b,
};
console.log(new_obj);  { a1:1, b:2 }

//第3种,利用匿名方法以及 ES6 解构赋值(自执行函数)
const new_obj = (  ({  a, b }) => ({ a1:a, b })  )(obj);
console.log(new_obj);  { a1:1, b:2 }

//第4种,利用 ES6 解构赋值
const { a, b } = obj;
const new_obj = { a1:a, b };
console.log(new_obj);  { a1:1, b:2 }

//第5种,利用 JSON.stringify 第二个参数取值
const new_obj = JSON.parse(JSON.stringify(obj, ["a", "b"]));
console.log(new_obj);  { a:1, b:2 }

//第6种,利用 ES6 解构剔除无用对象
const { c, ...new_obj } = obj;
console.log(new_obj);  { a:1, b:2 }

//第7种,reduce函数
const new_obj = ['a', 'b'].reduce((total, val) => (val in obj && (total[val] = obj[val]), total), {});
console.log(new_obj);  { a:1, b:2 }