当前位置：首页 > news >正文

深入理解 Object.entries()：基础用法与 Object.keys() 的核心区别

news 来源：原创 2025/8/24 8:19:14

深入理解 Object.entries()：基础用法与 Object.keys() 的核心区别

在这里插入图片描述

一、Object.entries() 是什么？

Object.entries() 是 JavaScript 中的一个内置方法，用于将对象的 ‌可枚举属性‌（自身的、非继承的）转换为一个数组。每个属性会被表示为 [key, value] 形式的子数组，最终返回一个包含所有键值对的二维数组。

语法

Object.entries(obj)

参数‌：obj 目标对象（若参数非对象，会被强制转换为对象）。
返回值‌：格式为 [[key1, value1], [key2, value2], …] 的数组。

二、基础使用与示例

1. 基础示例

const user = { name: "John", age: 30, 1: "数字键会被转为字符串" 
};const entries = Object.entries(user);
console.log(entries);

‌输出‌：

[["1", "数字键会被转为字符串"],  // 注意数字键被转为字符串 "1"["name", "John"],["age", 30]
]

2. 遍历对象属性

结合 for...of 循环或 forEach 遍历：

const book = { title: "JavaScript 指南", price: 99 };// 使用 for...of
for (const [key, value] of Object.entries(book)) {console.log(`${key}: ${value}`);
}// 使用 forEach
Object.entries(book).forEach(([key, value]) => {console.log(`${key} -> ${value}`);
});

‌输出‌：

title: JavaScript 指南
price: 99

3. 将对象转为 Map

直接利用 Object.entries() 生成 Map：

const obj = { a: 1, b: 2 };
const map = new Map(Object.entries(obj));
console.log(map.get("a")); // 1

三、Object.entries() vs Object.keys()

1. 核心区别对比表

特性	Object.entries(obj)	Object.keys(obj)
返回值	`[[key1, value1], [key2, value2], ...]`	`[key1, key2, ...]`
‌是否包含值	✅ 包含键和值	❌ 仅包含键
‌适用场景	需要同时操作键值对	仅需操作键
‌与 Map 的兼容性	可直接转为 `Map`	需额外处理
键的类型处理	数字键转为字符串	数字键转为字符串

2. 代码示例对比

const data = { id: 101, name: "Alice", 2: "数字键" };// Object.entries()
console.log(Object.entries(data));
// 输出: [ ["2", "数字键"], ["id", 101], ["name", "Alice"] ]// Object.keys()
console.log(Object.keys(data));
// 输出: ["2", "id", "name"]

3. 典型使用场景

‌使用 Object.entries() 的场景‌：
- 需要同时访问键和值（如数据转换、生成表格）。
- 将对象转为 Map 或其他需要键值对的结构。
- 根据值过滤属性（例如筛选出所有值为数字的属性）。
使用 Object.keys() 的场景‌：
- 仅需遍历或操作键（如检查某个键是否存在）。
- 快速获取对象的所有键名。 -

四、扩展：何时选择 Object.entries()？

场景 1：数据格式化

将对象转换为特定结构的数组（如表格数据）：

const products = {p101: { name: "鼠标", price: 50 },p102: { name: "键盘", price: 80 }
};// 转换为 [{ id: "p101", name: "鼠标", ... }, ...]
const formatted = Object.entries(products).map(([id, info]) => ({id,...info
}));console.log(formatted);

‌输出‌：

[{ id: "p101", name: "鼠标", price: 50 },{ id: "p102", name: "键盘", price: 80 }
]

场景 2：值过滤

筛选出对象中符合条件（如值大于 100）的属性：

const scores = { Alice: 95, Bob: 120, Charlie: 80 };const highScores = Object.entries(scores).filter(([name, score]) => score > 100).map(([name]) => name);console.log(highScores); // ["Bob"]

五、总结

1. ‌Object.entries()

返回键值对数组，适合需要同时操作键和值的场景。
是连接对象和数组/Map 操作的桥梁。

2. ‌Object.keys()

仅返回键数组，适合仅需操作键的场景。
性能略优（因无需处理值）。

3. 补充方法：Object.values()

若仅需操作值，可使用 Object.values(obj)（返回 [value1, value2, …]）。

最终选择建议‌：

需要键值对？用 Object.entries()。
只需要键？用 Object.keys()。
只需要值？用 Object.values()。

掌握这三者的区别，能让你在处理对象时更加游刃有余！ 🚀

扩展阅读
JavaScript 嵌套数组扁平化的 5 种核心方案与深度实践指南
Moment.js 中 isSame(..., ‘isoWeek‘) 的深入解析

深入理解 Object.entries()：基础用法与 Object.keys() 的核心区别

深入理解 Object.entries()：基础用法与 Object.keys() 的核心区别一、Object.entries() 是什么？ Object.entries() 是 JavaScript 中的一个内置方法，用于将对象的 ‌可枚举属性‌（自身的、非继承的）转换为一个数组。…...

编程日记 2025/8/24 8:19:14

GitHub 趋势日报 (2025年04月06日)

GitHub 趋势日报 (2025年04月06日) 本日报由 TrendForge 系统生成 https://trendforge.devlive.org/ 📈 今日整体趋势 Top 10 排名项目名称项目描述今日获星语言1microsoft/markitdownPython tool for converting files and office documents to Markdown.⭐ 548Py…...

编程日记 2025/8/24 8:18:02

Visual Studio 中使用 Clang 作为 C/C++ 编译器时，设置优化选项方法

在 Visual Studio 中使用 Clang 作为 C/C 编译器时，可以通过以下方法设置优化选项： 方法 1：通过项目属性设置（推荐） 右键项目 → 属性配置属性 → C/C → 优化优化：选择优化级别 /O0 - 禁用优化&#x…...

编程日记 2025/8/22 16:49:48

现场测试的特点与测试设备的基本要求

在各类测试场景中，现场测试有着不可替代的作用。不过，它也面临着诸多难题，对测试设备也有着特殊要求。今天，咱们就深入探讨一下现场测试的特点与测试设备的基本要求。现场测试的特点场地电磁环境噪声问题建议环境噪声低于…...

编程日记 2025/8/21 20:59:27

构建一个最简单的UDP服务器和客户端并逐行解析

目录 1.服务器 （1）基本概念 （2）代码实现 3.逐行解析 1） 2） 3） 4） 5） 6） 7） 8） 1. response.getBytes(): 2.response.get…...

编程日记 2025/8/20 12:27:59

LeetCode 1638 统计只差一个字符的子串

标题：LeetCode 算法题 - 统计只差一个字符的子串数目在算法学习的过程中，我们经常会遇到一些有趣的字符串问题。今天就来探讨一道这样的题目：给定两个字符串 s 和 t ，找出 s 中的非空子串的数目，这些子串满足替换一个…...

编程日记 2025/8/24 4:46:57

DAY 39 leetcode 18--哈希表.四数之和

题号18 给你一个由 n 个整数组成的数组 nums ，和一个目标值 target 。请你找出并返回满足下述全部条件且不重复的四元组 [nums[a], nums[b], nums[c], nums[d]] （若两个四元组元素一一对应，则认为两个四元组重复）： 和…...

编程日记 2025/8/21 22:44:29

关于lombok的异常快速解决办法

前言： 通过实践而发现真理，又通过实践而证实真理和发展真理。从感性认识而能动地发展到理性认识，又从理性认识而能动地指导革命实践，改造主观世界和客观世界。实践、认识、再实践、再认识，这种形式，循环往…...

编程日记 2025/8/24 8:19:13

Android SELinux权限使用

Android SELinux权限使用一、SELinux开关 adb在线修改seLinux（也可以改配置文件彻底关闭） $ getenforce; //获取当前seLinux状态，Enforcing(表示已打开)，Permissive（表示已关闭） $ setenforce 1; //打开seLinux $ setenforce 0; //关闭seLinux二、命令查看sel…...

编程日记 2025/8/21 10:26:31

JavaWeb注解的原理

WebServlet("/mayikt") 是 Java Servlet 3.0 及以上版本中引入的注解，用于简化 Servlet 的配置。其原理和与 Servlet 映射关系的知识点如下： 1. 注解的作用与原理核心功能： WebServlet 注解的作用是将当前类声明为一个 Servlet&am…...

编程日记 2025/8/23 16:12:31

类和对象—多态

目录 1、多态的概念2、多态的条件3、向上转型3.1 概念3.2 使用场景 4、向下转型5、多态的优缺点 1、多态的概念多态，通俗来讲就是多种形态，即对于同样的行为，不同的对象去完成会产生不同的状态。比如动物都会吃东西，小狗和小猫都…...

编程日记 2025/8/17 23:41:38

vscode启动vite+Vue3项目调试功能，QQ浏览器为例

1、增加launch.json配置 {// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid830387"version": "0.2.0","configurations": [{"type&quo…...

编程日记 2025/8/24 8:18:01

Spring MVC 的执行流程以及运行原理

一．什么是 MVC？ MVC 是 Model 、 View 和 Controller 的缩写，分别代表 Web 应用程序中的 3 种职责， MVC 是一种软件设计规范。它将业务逻辑、数据、显示分离的方法来组织代码，降低了视图与业务逻辑之间的…...

编程日记 2025/8/24 8:18:01

08-Spring MVC 请求处理流程全解析

Spring MVC 请求处理流程全解析（从 DispatcherServlet 到 Controller） Spring MVC 是构建 Web 应用的基础框架，而其中最核心的组件就是 DispatcherServlet，它作为整个请求流程的入口和协调者，掌控了从接收请求、分发到…...

编程日记 2025/8/22 23:07:24

pikachu靶场搭建教程，csfr实操

靶场安装靶场下载地址百度网盘下载地址和密码百度网盘请输入提取码 0278 github靶场下载地址 https://gitcode.com/Resource-Bundle-Collection/c7cc1 安装前提这两个文件夹的配置文件都要进行更改修改数据库密码 D:\phpstudy_pro\WWW\pikachu\inc D:\phpstudy_pro…...

编程日记 2025/8/19 5:03:15

MCP + 数据库，一种比 RAG 检索效果更好的新方式！

大家好，欢迎来到 code秘密花园，我是 ConardLi。在今天这一期，我们将一起学习一种基于 MCP 提高大模型检索外部知识精度的新思路，实测比 RAG 效果要好很多。目前市面上讲 MCP 的教程比较多，但大多数都是一些概念性的…...

编程日记 2025/8/20 4:34:45

图像处理中的梯度计算、边缘检测与凸包特征分析技术详解

前言书接上文 OpenCV图像处理实战全解析：镜像、缩放、矫正、水印与降噪技术详解-CSDN博客文章浏览阅读1.1k次，点赞38次，收藏29次。本文系统解析OpenCV图像处理五大实战场景：镜像反转的三种坐标变换模式，图像缩放的尺…...

编程日记 2025/8/19 2:54:36

TDengine 与 taosAdapter 的结合（一）

一、引言在当今数字化时代，数据量呈爆发式增长，尤其是物联网、工业互联网等领域产生的海量时序数据，对数据存储和处理提出了极高要求。TDengine 作为一款高性能、开源的时序数据库，专为这些场景设计并优化，在时序数据…...

编程日记 2025/8/22 2:05:43

23种设计模式-行为型模式-模板方法

文章目录简介场景解决代码关键优化点总结简介模板方法是一种行为设计模式，它在超类中定义了一个算法的框架，允许子类在不修改结构的情况下重写算法的特定步骤。场景假如你正在开发一款分析文档的数据挖掘程序。用户需要向程序输入各种格式&…...

编程日记 2025/8/23 19:36:54

Django异步执行任务django-background-tasks

1、安装 pip install django-background-tasks 2、注册服务 INSTALLED_APPS [...background_task, ]3、生成表 // 生成迁移 python manage.py makemigrations //运行迁移 python manage.py migrate 4、创建文件，模拟任务 from background_task import backgrou…...

编程日记 2025/8/23 8:55:09

从零设计React-Markdown组件的实现方案

从零设计React-Markdown组件的实现方案现在，把这些步骤整理成代码结构。首先是解析器类，用正则表达式分割文本为Token，然后生成AST。接着，编写一个React组件，接收Markdown字符串，解析成AST，遍历AST生成对应的React元素。处理代码高亮需要引入第三方库，但用户不允许用现…...

编程日记 2025/8/23 4:18:57

如何在React中集成 PDF.js？构建支持打印下载的PDF阅读器详解

本文深入解析基于 React 和 PDF.js 构建 PDF 查看器的实现方案，该组件支持 PDF 渲染、图片打印和下载功能，并包含完整的加载状态与错误处理机制。完整代码在最后一个PDF 文件： https://mozilla.github.io/pdf.js/web/compressed.tracemo…...

编程日记 2025/8/24 8:16:14

React-Markdown 组件底层实现原理详解

如何在 React 中渲染 Markdown 文档 React-Markdown 组件底层实现原理详解一、核心架构：基于 Unified.js 的编译流水线 React-Markdown 的底层实现依赖于 Unified.js 这一开源内容处理系统，其核心是一个可插拔的编译流水线。整个过程分为四个阶段&…...

编程日记 2025/8/20 5:21:49

基于单片机的防火防盗报警系统设计（论文+源码）

2.1系统的功能及方案设计本次课题为基于单片机的防火防盗报警系统，其系统采用STC89C52单片机为控制器，并结合SIM800短信模块，DS18B20温度检测模块，MQ-2烟雾检测模块，红外人体检测模块，按键模块&#xff0c…...

编程日记 2025/8/20 22:47:29

NO.72十六届蓝桥杯备战|搜索算法-DFS|选数|飞机降落|八皇后|数独(C++)

P1036 [NOIP 2002 普及组] 选数 - 洛谷组合型枚举，路径⾥⾯记录选择数的「总和」。在选出k 个数之后，判断「是否是质数」 #include <bits/stdc.h> using namespace std;const int N 25; int n, k; int a[N];int ret; int path; //记录路径中所…...

编程日记 2025/8/22 13:37:04

网络Socket编程基于UDP协议模拟简易网络通信

一、预备知识网络编程（Network Programming）是指编写程序来实现计算机网络之间的通信。这通常涉及到使用套接字（sockets）来建立连接、发送和接收数据。 （一）套接字套接字（Socket&#xff0…...

编程日记 2025/8/19 5:12:59

rust 使用select退出线程

#[derive(Serialize, Deserialize, Debug, Clone, PartialEq)] pub struct Capture {clear: bool, // ????????interface: String, // ??times: u64, // ?? }pub async fn cmd_capture(State(web_env): State<ArcWebEnv>,Json(args): Json<C…...

编程日记 2025/8/18 0:33:16

C++学习day7

思维导图： 使用vector实现一个简单的本地注册登录系统注册：将账号密码存入vector里面，注意防重复判断登录：判断登录的账号密码是否正确 #include <iostream> #include <cstring> #include <cstdlib> #includ…...

编程日记 2025/8/17 22:15:04

【学习笔记】CoACD: 基于碰撞感知凹性与树搜索的近似凸分解

CoACD 基于碰撞感知凹性与树搜索的近似凸分解 CoACD 官方文档 CoACD（Convex Approximation of Complex Decompositions）是一种用于将复杂网格分解为多个凸包的算法, 专为 3D 网格设计了近似凸分解算法，强调在保持物体间潜在碰撞条件的同时减…...

编程日记 2025/8/21 2:15:39

Three.js 系列专题 6：后处理与特效

内容概述后处理（Post-Processing）是在渲染完成后对画面进行额外的处理，以实现模糊、辉光、颜色校正等效果。Three.js 通过 EffectComposer 提供后处理支持。本专题还将简要介绍着色器和粒子系统，为更复杂的特效打基础。学习目标掌握 EffectComposer 的基本使用。实现辉…...

编程日记 2025/8/18 0:08:40

2025 年江苏保安员职业资格考试经验分享

江苏保安行业发展成熟，2025 年考试注重对考生综合素养的考查。报考条件常规，但对诚信记录有额外关注，如有不良信用记录可能影响报考资格。报名在江苏省各地级市公安局指定点进行，提交资料包括身份证、学历证、个人诚信报告&am…...

编程日记 2025/8/19 11:51:15

亚马逊算法重构消费市场：解码2024年Q1北美站热搜商品的底层逻辑

在跨境电商迈入精细化运营时代的背景下，亚马逊平台最新发布的《2024年Q1零售搜索趋势报告》揭示了算法驱动下的消费新图景。数据显示，北美站点月均超300万人次重复搜索特定品类商品，健康生活、智能家居等五大领域形成持续增长极。这份由亚马逊…...

编程日记 2025/8/19 7:33:53

powershell绑定按钮事件的两种方式

写一个powershell的简单GUI做本地任务，试验出2个方法： 方法1： function btn1_click {write-host $text1.Text -ForegroundColor Green -BackgroundColor Black }$btn1.Add_Click({btn1_click})方法2： $btn2_click {write-host $…...

编程日记 2025/8/20 16:45:15

LearnOpenGL——OIT

教程地址：简介 - LearnOpenGL CN 简介原文链接：LearnOpenGL - Introduction 前言在混合（Blending）章节中，我们介绍了颜色混合的主题。混合是在3D场景中实现透明表面的方法。简而言之，透明度涉及到在计算…...

编程日记 2025/8/20 16:23:48

【蓝桥杯】Python大学A组第十五届省赛

1.填空题 1.1.拼正方形问题描述小蓝正在玩拼图游戏，他有个的方块和个的方块，他需要从中挑出一些来拼出一个正方形。比如用个和个的方块可以拼出一个的正方形；用个的方块可以拼出一个的正方形。请问小蓝能拼成的最大的正方形的边长为多少。 import math # 2*2的个数 a =…...

编程日记 2025/8/22 4:23:58

使用JS+HTML+CSS编写提词器实例

手搓提词器网页版，有些BUG但是基本功能使用没有问题，有需要的可复制粘贴，BUG自行修复。下面直接进入代码： <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><me…...

编程日记 2025/8/21 22:25:33

人工智能基础知识详解：从概念到前沿技术与应用

在数字化浪潮席卷全球的今天，人工智能（Artificial Intelligence，简称AI）已不再是科技前沿的神秘概念，而是融入我们日常工作的实用工具。从智能语音助手到自动驾驶汽车，从医疗影像诊断到生成式艺术创作&…...

编程日记 2025/8/20 8:42:55

重温经典，畅享怀旧游戏盛宴

FC街机是一款专为安卓设备设计的经典游戏合集应用，它将玩家熟悉的红白机（FC）游戏体验带到了移动设备上。这款应用不仅提供了丰富的游戏选择，还通过优化的界面和操作，让玩家能够随时随地享受经典游戏的乐趣。游戏非常…...

编程日记 2025/8/21 17:05:29

CPU 压力测试命令大全

CPU 压力测试命令大全以下是 Linux/Unix 系统下常用的 CPU 压力测试命令和工具，可用于测试 CPU 性能、稳定性和散热能力。 1. 基本压力测试命令 1.1 使用 yes 命令 yes > /dev/null & # 启动一个无限循环进程 yes > /dev/null & # 启动第二个进…...

编程日记 2025/8/20 1:36:50

Windows 系统下用 VMware 安装 CentOS 7 虚拟机超详细教程（包含VMware和镜像安装包）

前言资源一、准备工作 （一）下载 VMware Workstation （二）下载 CentOS 7 镜像二、安装 VMware Workstation（比较简单，按下面走即可） 三、创建 CentOS 7 虚拟机四、安装 CentOS 7 系统…...

编程日记 2025/8/21 17:43:02

QLineEdit的提交前验证

QLineEdit是pyqt中常用的输入控件，默认情况下，它可以接受键盘输入的任何可打印字符。有时候，我们需要在用户提交前对其输入的内容先行验证，当用户输入不符合预期时予以清空，这就需要对QLineEdit控件进行以下操作&#…...

编程日记 2025/8/22 7:00:38

【Linux高级IO（二）】初识epoll

目录 1、epoll的接口 2、epoll原理 3、epoll工作方式 1、epoll的接口 #include <sys/epoll.h> 1、int epoll_create(int size) ：创建epoll模型返回值是一个文件描述符，创建一个struct file结构体，指向epoll模型，返回的…...

编程日记 2025/8/24 4:48:49

2018年真题

数学基础一、 （共4分）用逻辑符号表达下列语句（论域为包含一切事物的集合） 1、（2分）集合A的任一元素的元素都是A的元素经过对图片文字的识别与逻辑分析，结果如下： 符号定义&…...

编程日记 2025/8/18 0:26:43

Linux xxd命令

目录一. xxd命令简介二. 简单使用三. -p选项纯16进制输出四. -r选项将十六进制还原成原始内容五. 小应用一. xxd命令简介 xxd 是一个将文件或输入内容转换为十六进制（Hex Dump）格式的工具，也可以将十六进制恢复成原始数据。它在调试二进制…...

编程日记 2025/8/23 14:05:49

高校实验室安全数智化分级分类管理-危化品管理LIMS

一、背景与依据传统实验室安全管理如同老式挂钟，齿轮咬合处总会随时间产生间隙。为进一步规范学校实验室建设与适用，从源头管控实验室和实验项目安全风险，确保教学科研活动安全有序开展，分级分类体系构建如同绘制实验室的"…...

编程日记 2025/8/22 2:31:48

春芽儿智能跳绳：以创新技术引领运动健康新潮流

在全球运动健康产业蓬勃发展的浪潮中，智能健身器材正成为连接科技与生活的重要纽带。据《中国体育用品产业发展报告》显示，2023年中国智能运动装备市场规模突破千亿元，其中跳绳类目因兼具大众普及性与技术升级空间，年均增速超30%。…...

编程日记 2025/8/21 7:46:11

Fast网络速度测试工具

目录网站简介功能特点测试过程为什么使用Fast 如果网络速度不达标网站简介 Fast是一个由Netflix提供的网络速度测试工具，主要用来测试用户的互联网下载速度。它以其简洁的界面和快速的测试过程而受到用户的欢迎。功能特点下载速度测试：这是…...

编程日记 2025/8/24 4:53:22

java的文件输入输出流（FileInputStream、FileOutputStream、FileReader、FileWriter）

文章目录文件输入输出流1 java I/O 流的原理流的分类 2 FileInputStream 文件字节输入流3 FileOutputStream 文件字节输出流4 使用文件字节输入输出流完成对文件的拷贝5 FileReader 文件字符输入流6 FileWriter 文件字符输出流文件输入输出流 1 java I/O 流的原理 I/O 是 In…...

编程日记 2025/8/17 22:12:46

stm32week10

stm32学习七.CAN 7.STM32 CAN外设标识符过滤器： 每个过滤器的核心由两个32位寄存器组成：R1[31:0]和R2[31:0] FSCx：位宽设置，置0为16位，置1为32位 FBMx：模式设置，置0为屏蔽模式，…...

编程日记 2025/8/19 2:54:30

【UnityEditor扩展】如何在 Unity 中创建棱柱体（用作VR安全区检测），同时在编辑器插件中实现与撤销/恢复功能

Unity 编辑器扩展：3D 空间中绘制安全区棱柱体（含撤销/恢复/保存/读取） 在虚拟现实（VR）和增强现实（AR）开发中，安全区是保障用户安全的重要组成部分。通过精确控制用户活动范围&#…...

编程日记 2025/8/17 22:13:38

深入理解 Object.entries()：基础用法与 Object.keys() 的核心区别

一、Object.entries() 是什么？

语法

二、基础使用与示例

1. 基础示例

2. 遍历对象属性

3. 将对象转为 Map

三、Object.entries() vs Object.keys()

1. 核心区别对比表

2. 代码示例对比

3. 典型使用场景

四、扩展：何时选择 Object.entries()？

场景 1：数据格式化

场景 2：值过滤

五、总结

1. ‌Object.entries()

2. ‌Object.keys()

3. 补充方法：Object.values()

相关文章：