当前位置:首页 > 未分类

js 中 object循环

admin2年前 (2024-10-20)未分类491

1. 使用for...in循环  
        for...in语句在一个对象的所有可枚举属性上迭代。

let obj = {a:1, b:2, c:3};
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
        console.log(key, obj[key]);
  }
}


2. 使用Object.keys()  
        Object.keys()方法会返回一个由一个对象自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致。

 let obj = {a:1, b:2, c:3};
 Object.keys(obj).forEach((key) => {
     console.log(key, obj[key]);
 });


3. 使用Object.entries()  
        Object.entries()方法会返回一个给定对象自身可枚举属性的键值对数组。

let obj = {a:1, b:2, c:3};
Object.entries(obj).forEach(([key, value]) => {
    console.log(key, value);
});


4. 使用Object.getOwnPropertyNames()  
        Object.getOwnPropertyNames()方法返回一个数组,包含对象自身所有属性的名称(包括不可枚举属性)。

let obj = {a:1, b:2, c:3};
Object.getOwnPropertyNames(obj).forEach((key) => {
    console.log(key, obj[key]);
});


扫描二维码推送至手机访问。

版权声明:本文由前端开发技术分享发布,如需转载请注明出处。

本文链接:https://www.jqkcms.fun/?id=8

分享给朋友:

相关文章

在layui-tab中使用layui的table,table不能铺满……

在layui-tab中使用layui的table,table不能铺满,会差几个px(我测试差5个px,根据测试环境的不同,可能差的数量不一样)。给出以下几个方案供参考:1. 方案一:表头和表内容每一行的第一个td/th,增加左(或右)内边距5个px。如果列宽度使用的百分比,可能实际效果还会差一两个p…

微信小程序 -- 由于隐私协议未设置,影响隐私相关api调用

在app.json中,usePrivacyCheck设置为false,可以免除在开发者工具中调试时的影响,开发版暂未测试。…

uni-app 编译出来的微信小程序中自定义组件没有wxss

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案:…

uni-app 组件引用错误,仅支持 import 方式引入组件

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案:1. 去除使用该自定义组件的页面中对该组件的注册,即去除components里对该组件的注册。…

VUE开发报错:Module build failed (from ./node_modules/ ...

VUE开发报错:Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):  语法错误: Une…

vue项目中配置不同的环境是否显示vConsole

前言为了让测试人员能够在手机、平板上也能看到像浏览器f12那样的调试工具,便于查看日志数据和网络请求等,专门搜了一下,发现这个vConsole官方的调试工具真的很强大,十分好用。vConsole的简介…