首页 > 编程语言 > JavaScript 中 object 的几个方法:entries,values,keys 对比

JavaScript 中 object 的几个方法:entries,values,keys 对比

时间:2023-07-03 14:35:59浏览次数:46  
标签:JavaScript obj keys object values 数组 entries 键值

在JavaScript中,对象(Object)是一种无序的键值对集合。以下是entries,values和keys这三个对象方法的比较:

 

entries()方法:返回一个包含对象的键值对的数组。每个键值对都是一个数组,包含两个元素,第一个元素是键名,第二个元素是对应的值。

1 const obj = { a: 1, b: 2, c: 3 };
2 console.log(Object.entries(obj)); // [["a", 1], ["b", 2], ["c", 3]]

 

values()方法:返回一个包含对象的所有值的数组。

1 const obj = { a: 1, b: 2, c: 3 };
2 console.log(Object.values(obj)); // [1, 2, 3]

 

keys()方法:返回一个包含对象的所有键名的数组。

1 const obj = { a: 1, b: 2, c: 3 };
2 console.log(Object.keys(obj)); // ["a", "b", "c"]

 

总结:

  • entries()返回一个包含键值对的数组。
  • values()返回一个包含对象的所有值的数组。
  • keys()返回一个包含对象的所有键名的数组。

标签:JavaScript,obj,keys,object,values,数组,entries,键值
From: https://www.cnblogs.com/yummylucky/p/17522809.html

相关文章

  • HTML+CSS+JavaScript基础
    1、HTML(HypertextMarkupLanguage,超文本标记语言),用来向浏览器说明内容的结构、2、DOM(DocumentObjectModel,文档对象模型)指的是HTML标签的层次结构。每一对HTML标签(有的时候是一个标签)都是一个元素。3、CSS(CascadingStyleSheets,层叠样式表),控制DOM元素的视觉外观......
  • JavaScript 拖拽
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> #box1{ width:100px; height:100px; background-color:red; position:a......
  • JavaScript 事件的绑定
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> window.onload=function(){ /* *点击按钮以后弹出一个内容 */ //获取按钮......
  • JavaScript 事件的传播
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> #box1{ width:300px; height:300px; background-color:yellowgreen; } ......
  • JavaScript 事件的委派
    <!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <scripttype="text/javascript"> window.onload=function(){ varu1=document.getElementById("......
  • 如何在JavaScript中使用Promise.allSettled()
    您是否曾经在JavaScript中使用过Promise,并且当有人拒绝并毁掉一切时感到沮丧?你编写了一些基于Promise的代码,一切都进展顺利,然后繁荣——一个小小的Promise被拒绝,整个链条就会崩溃。你的代码逐渐停止,你想知道为什么JavaScript不能忽略这个小问题并继续它的快乐之路。好......
  • JavaScript 算法和数据结构之——基础JavaScript 笔记
    做整理是为了知识更加系统一些,遂记录参考资料js基础算法JavaScript字符串可以用单引号或双引号查找字符串长度.length空格符也会计算在内使用方括号查找字符串中的第一个字符方括号表示法(Bracketnotation)是一种在字符串中的特定index(索引)处获取字符的方法xxx[0]获取......
  • ObjectMapper向前端响应json数据,将java对象与json字符串互相转换
    向前端直接返回json数据,使用ObjectMapper ObjectMapper是Jackson提供的一个类,作用是将java对象与json字符串相互转化。依赖:<dependency><groupId>com.fasterxml.jackson.core</groupId><artifactId>jackson-databind</artifactId>......
  • redirect-django-url-with-javascript
    https://www.appsloveworld.com/django/100/279/redirect-django-url-with-javascriptscore:3AcceptedanswerYoucanusethis:window.location.href="{%url'app:result'%}" score:1djangotemplatetagsworkinsidethedjangotem......
  • Java杂记————object.getClass()和object.class以及Java中的toString()方法的的区别
    不说废话,直接上干货:(注意大小写:object为对象,Object为类)1,object.getClass()它是Object类的实例方法,返回一个对象运行时的类的Class对象,换句话说,它返回的是对象具体类型的类对象。2,Object.class这是java语言的一种语法糖,用来返回一个对象所属类的Class对象(这里补充一下:Class类,......