首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js 对象属性过滤方法

js 对象属性过滤方法

作者头像
星宇大前端
发布于 2022-10-05 09:42:45
发布于 2022-10-05 09:42:45
10.5K00
代码可运行
举报
文章被收录于专栏:大宇笔记大宇笔记
运行总次数:0
代码可运行

数组使用fliter 函数是可以过滤掉的,但是对象的属性怎么过滤呢?

剔除少数属性,要多数属性

有时候需要剔除少数属性,留下大多数。类似于TS的omit

例子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let person = {
  name:"jack chen",
  age:54,
  address:'hongkong'
}

let {name,...xiaohong}=person
console.log(xiaohong);

运行结果:

选择少数属性

有时候需要选中少数属性。类似于TS的pick

例子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let person = {
  name: "jack chen",
  age: 54,
  address: "hongkong",
};

let namePerson = (({ name }) => ({ name }))(person);
console.log(namePerson);

运行结果

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-09-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
分享 40 道关于 Typescript 的面试题及其答案
在进行前端技术面试的时候,我们经常会遇到TypeScript 的一些面试题,因此,今天这篇文章,我整理汇总了40道关于TypeScript 的基础知识的面试题。
前端达人
2023/11/13
1.5K0
分享 40 道关于 Typescript 的面试题及其答案
最适合Java程序员的ES6教程「6000字|大量案例|多练好懂」
ES6,是ECMAScript 6的简称,它是 JavaScript 语言的下一代标准,已经在2015年的6月正式发布。
鹿老师的Java笔记
2020/11/19
1.7K0
《现代Typescript高级教程》泛型和类型体操
泛型和类型体操(Type Gymnastics)是 TypeScript 中高级类型系统的重要组成部分。它们提供了强大的工具和技巧,用于处理复杂的类型操作和转换。
linwu
2023/07/27
8110
深入学习 JavaScript——面向对象
几乎所有面向对象的语言都有一个标志,那就是类,通过类创建具有相同属性和方法的对象。而 ECMAScript 中没有类的概念,它把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数”。即对象是一组没有特定顺序的值,对象的每个属性或方法都有一个名字,而这个名字都映射到一个值。因此对象的本质是一个散列表。
李振
2021/11/26
2180
TypeScript进阶 之 重难点梳理
JavaScript 毋庸置疑是一门非常好的语言,但是其也有很多的弊端,其中不乏是作者设计之处留下的一些 “bug”。当然,瑕不掩瑜~
Nealyang
2020/03/25
4.1K0
TypeScript进阶 之 重难点梳理
js数组中一些实用的方法(forEach,map,filter,find)
需求场景: 假若后端返回这么一个json数据格式,如下所示,我们需要拿到返回对象中的数组项,或者根据某些指定的条件,取特定的值,然后渲染到页面当中去,例如:拿name属性值
itclanCoder
2020/10/28
3.1K0
js数组中一些实用的方法(forEach,map,filter,find)
TypeScript 中的 extends 怎么那么骚啊?
在学习和使用 ts 的时候,有一个语法会大量的出现,他就是 extends。但是这个语法放到 ts 里,就显得非常怪异,因为好多时候跟我们常规的理解看上去好像不太一样,不就是一个继承吗,咋到处都在乱用啊?
用户6901603
2024/01/17
4480
TypeScript 中的 extends 怎么那么骚啊?
前端入门学习--JavaScript
大概了解了HTML和CSS,到了前端的精华JavaScript。 学习笔记,ALL FROM 廖雪峰的官方网站
一点儿也不潇洒
2018/08/07
2.9K0
一篇文章搞懂TypeScript
TypeScript 是 JavaScript 的超集,一方面给动态类型的 js 增加了类型校验,另一方面扩展了 js 的各种功能。
人人都是码农
2024/01/11
2040
一篇文章搞懂TypeScript
Typescript学习笔记,从入门到精通,持续记录
TypeScript 最大的优势之一便是增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、重构等。
房东的狗丶
2023/02/17
2.1K0
对象数据的读取,看这一篇就够了!Object.keys()、Object.values()和Object.entries()用法详解;如何获取对象原型链上的属性
返回一个包含对象自身可枚举属性的键数组。这个方法只考虑对象自身的属性,不考虑原型链上的属性。
watermelo37
2025/01/22
4350
对象数据的读取,看这一篇就够了!Object.keys()、Object.values()和Object.entries()用法详解;如何获取对象原型链上的属性
浅析 JavaScript 中的方法链
方法链是一种流行的编程方法,可以帮助你写出更简洁易读的代码。在本文中我们一起学习 JavaScript 中的方法链是什么,以及它是怎样工作的。另外我们还会探讨如何使用方法链接来提高代码的质量和可读性。
疯狂的技术宅
2021/02/25
6540
TypeScript 超详细入门讲解
当我们需要将 unknown 类型的变量赋值给其他类型的变量的时候,我们可以给他指定类型
小丞同学
2021/10/08
7930
JS与ES6高级编程学习笔记(三)——JavaScript面向对象编程
面向对象程序编程(Object-oriented programming,缩写:OOP)是用抽象方式构建基于现实世界模型的一种编程模式,JavaScript是一种基于对象(object-based)的语言,支持面向对象编程与函数式编程,但JavaScript的面向对象与其它的面向对象语言有较大差异,ECMAScript中没有类的概念,所以对象也有所不一样。
张果
2022/06/06
8150
JS与ES6高级编程学习笔记(三)——JavaScript面向对象编程
javascript类(class)
class Person {} Person.propName = 'person'
用户7043603
2022/02/26
6520
js对象的各种方法
这里的create方法是以sourceObj为targetObj的原型对象创建一个新的空对象,我用这个来验证sourceObj是不是targetObj的原型对象,结果为true
y191024
2024/01/31
2900
js对象的各种方法
重新认识 JavaScript
前端框架轮替变化越来越快,JavaScript 也在不断地升级迭代,越来越多的新特性让我们的代码写起来变得简洁有趣。
Cell
2022/05/02
3860
TypeScript小笔记
比如各种框架的常用类型,ts中内置的常用类型,以及一些容易被忽略和遗忘的点,陆陆续续顺手把他们写到文章中记录起来。
19组清风
2021/11/15
1.1K0
TypeScript小笔记
JavaScript 学习-5.对象(object)的创建
前言 对象(object)是 JavaScript 最重要的数据类型,也是JavaScript的核心内容。JavaScript 中一切皆对象,比如String、 Array、Date等对象。 在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。 对象的概念 对象是无序的数据集合,由键值对组成,对象键值对的写法类似于: Python 中的字典 PHP 中的关联数组 C 语言中的哈希表 Java 中的哈希映射 Ruby 和 Perl 中的哈希表 真实生活中,一辆汽
上海-悠悠
2022/05/16
4710
JavaScript 学习-5.对象(object)的创建
Typescript 高级用法以及项目实战问题
unknown 指的是「不可预先定义的类型」,在很多场景下,它可以替代 any 的功能同时保留静态检查的能力。
山月
2021/08/10
2K0
相关推荐
分享 40 道关于 Typescript 的面试题及其答案
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档