首页 > 其他分享 >js遍历数组和遍历对象属性

js遍历数组和遍历对象属性

时间:2023-03-04 12:31:47浏览次数:31  
标签:arr 遍历 console 数组 js json key log

遍历数组

let json = {
key1:"hello",
key2:"world"
}

//最简洁方法
for(let key in json){
console.log(key,":",json[key]);
}

//转成数组再遍历
Object.keys(json).forEach( key => console.log(key,":",json[key]));
/**
* 都输出:
key1 : hello
key2 : world
*/

遍历对象

let arr = ["hello","world"];
//for...in
for(let key in arr){
console.log(arr[key]);
}
//for...of
for(var item of arr) {
console.log(item);
}
//for
for(var i = 0; i < arr.length; i++){
console.log(arr[i]);
}
//forEach
arr.forEach(function(item,index,self){
console.log(item);
})
/**
* 都输出:
hello
world
*/

遍历对象和遍历数组都可用for...in循环


标签:arr,遍历,console,数组,js,json,key,log
From: https://blog.51cto.com/livestreaming/6100008

相关文章

  • 高性能 Jsonpath 框架,Snack3 3.2.57 发布
    Snack3,一个高性能的JsonPath框架借鉴了Javascript所有变量由var申明,及Xmldom一切都是Node的设计。其下一切数据都以ONode表示,ONode也即Onenode之意,代表任何......
  • js变量提升知识点
    JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部:'usestrict';functionfoo(){varx='Hello,'+y;console......
  • 实现js继承的几种方式以及他们的优缺点
    7.实现继承的几种方式以及他们的优缺点①类式继承(构造函数) varfather=function(){  this.age=52;  this.say=function(){   alert('helloiam'......
  • JS 概念、历史、发展和Js简介
    一、JS简介JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境......
  • js 复制内容到剪切板
    项目介绍基于ThinkPHP6.0和layui的快速开发的后台管理系统。支持php8.0版本技术交流QQ群:533738074 加群请备注来源:如gitee、github、官网等。......
  • React.memo 解决函数组件重复渲染
    为什么会存在重复渲染?react在v16.8版本引入了全新的api,叫做ReactHooks,它的使用与以往基于classcomponent的组件用法非常的不一样,不再是基于类,而是基于函数进行......
  • mockjs_axios_vue_learn_2023-03-03 23:33:34
    mockjsvuelearn/Users/song/Downloads/vue3_demo_mockjs-master/__mock_learn/mock_learn/index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="......
  • JS文件的几种格式之间的区别
    今天在修改公司ui组件库的时候,接触到npmrunlib,发现打包后文件有几种格式的文件。.common.js.common.js.map.umd.js.umd.js.map.umd.min.js.umd.min.js.map几种不......
  • JavaScript——快速判断数组对象的值是否全部满足条件
    前言EasyBe主题开发中遇到一个问题,查看了下MDN文档找到了比较合适的方法,这里只做了简单的示例,详细的一些描述和原理建议访问MDN进行查看;every:everysome:some内容ev......
  • JS 扩展构造树形结构数据方法遇到的奇怪bug,object键值赋值失败
    原方法:/***构造树型结构数据*@param{*}data数据源*@param{*}idid字段默认'id'*@param{*}parentId父节点字段默认'parentId'*@param{*}chil......