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

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

1. Array的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
复制代码

参考:https://blog.csdn.net/Calla_Lj/article/details/105363566

 

posted @   小小强学习网  阅读(393)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
历史上的今天:
2017-04-22 微信支付退款
2017-04-22 alipay.trade.refund (统一收单交易退款接口)[支付宝退款]
点击右上角即可分享
微信分享提示