首页 > 其他分享 >js中 数组和Object的keys(),values()和entries()方法

js中 数组和Object的keys(),values()和entries()方法

时间:2024-07-25 17:53:56浏览次数:8  
标签:console log keys Object js values entries let

ES6 提供三个新的方法 —— entries(),keys()和values() 。
它们都返回一个遍历器对象,可以用for…of循环进行遍历,区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历.

1. 数组的keys()和values()还有entries()方法

复制代码
let arr = ['a', 'b', 'c']
for (let index of arr.keys()) {
console.log(index);
}
// 0
// 1
// 2
for (let item of arr.values()) {
console.log(item);
}
// 'a'
// 'b'
// 'c'
for (let [index, item] of arr.entries()) {
console.log(index, item);
}
// 0 'a'
// 1 'b'
// 2 'c'
复制代码

2. Object的keys()和values()还有entries()方法

复制代码
let obj = {
    name:"张三",
    sex:"男",
    age:20
}
 
for ( let key of Object.keys(obj)){
    console.log(key)
} 
// name
// sex
// age
for ( let val of Object.values(obj)){
    console.log(val)
}
// 张三
// 男
// 20
 
for ( let val of Object.entries(obj)){
    console.log(val)
}
// (2) ["name", "张三"]
// (2) ["sex", "男"]
// (2) ["age", 20]
for ( let [key,val] of Object.entries(obj)){
    console.log(key,val)
} 
// name 张三
// sex 男
// age 20
复制代码

标签:console,log,keys,Object,js,values,entries,let
From: https://www.cnblogs.com/itjeff/p/18323812

相关文章

  • Object类及常用方法
    一、Object类超类、基类,所有类的直接或间接父类,位于继承树的最顶层。任何类,如没有书写extends显示继承某个类,都默认直接继承Object类,否则为间接继承。Object类中定义的方法,是所有对象都具备的方法。二、getClass()方法publicfinalClass<?>getClass(){}返回引用中存储的实......
  • 【pywpsrpc/Python】改变图片宽高报错 对象无效属性: ‘tuple‘ object has no attrib
    概要开发UOS环境下,使用Python通过pywpsrpc库操作word文档在指定段落添加指定宽高的图片时意外发现的该问题,在原作者的github提问后获得解答后记录(源码地址、对应提问链接以及相关资料链接贴在文章末尾)。原因及解决方式首先贴一段简单的代码,作用是新建一个word文档并在其......
  • fastJson对jsonPath的支持
    使用场景很多时候我们调用上游接口拿到的返回值是json字符串,如果不存在上游共享的公用返回值类,那么下游可能会直接使用JsonObject之类的动态对象类承接这份数据。这时候对于很深的的属性取值是非常复杂的我们大概会这样写Stringgetvalue(StringjsonStr){JSONObjectjson......
  • Nuxt.js 环境变量配置与使用
    title:Nuxt.js环境变量配置与使用date:2024/7/25updated:2024/7/25author:cmdragonexcerpt:摘要:“该文探讨了Nuxt.js框架下环境变量配置的详细过程,涉及.env文件配置、运行时访问、安全性考量、在不同场景下的实践(如Vue应用、插件、服务器路由)及多环境配置下的最佳实......
  • 整段 html实现其中的每一个 a 标签跨域下载操作 window.URL.createObjectURL(blob)
    window.URL.createObjectURL(blob)a标签下载问题,通常在a标签中加上download属性,就可完成对href属性链接文件的下载,但仅仅是限于同源文件,如果是非同源,download属性就会失效第一种情况,单独的一个标签实现下载,可以使用span标签+click事件模拟a标签的行为,<spanstyle="co......
  • C#读取指定json配置文件
    在C#开发中,有时候我们需要从JSON文件中读取配置或数据。本文将介绍一个简单的方法,使用Newtonsoft.Json库来读取指定的JSON文件并进行反序列化操作。读取json配置文件的源码取自SqlSugar作者的ReZero开源项目:https://gitee.com/DotNetNext/ReZero1.准备工作首先,我们需要使用NuGe......
  • 基于JSP、java、Tomcat三者的项目实战--校园交易网(1)-项目搭建(前期准备工作)
    这是项目的初始页面接下来我先写下我的初始项目搭建技术支持:JAVA、JSP服务器:TOMCAT7.0.86编程软件:IntelliJIDEA2021.1.3x64首先我们打开页面,准备搭建项目的初始准备1.NewProject2.随后点击Next,勾选Createprojectfromtemplate,再点击Next3.给自己的项目命名......
  • 倒计时关闭的JS 公告
    这是一个简洁高效的公告通知系统,它能够帮助您在个人博客中迅速传达重要更新、临时公告或其他关键信息给每一位访问者,确保他们能及时获取最新的站点动态。随着网络世界的日新月异,与读者保持有效沟通成为提升用户体验的关键环节之一。为了更好地服务于广大读者朋友,我在博客中集成了......
  • Qt - XML和JSON
    1.XML1.1简介可扩展标记语言,标准通用标记语言(ExtensibleMarkupLanguage)的子集,简称XML,是一种定义电子文档结构和描述其内容的国际标准语言,被设计用来传输和存储数据。可扩展标记语言与Access],Oracle]和SQLServer等数据库不同,数据库提供了更强有力的数据存储和分析能力,例......
  • LeetCode 864. Shortest Path to Get All Keys
    原题链接在这里:https://leetcode.com/problems/shortest-path-to-get-all-keys/description/题目:Youaregivenan mxn grid grid where:'.' isanemptycell.'#' isawall.'@' isthestartingpoint.Lowercaselettersrepresentkeys.U......