广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javaScript遍历对象和数组的方法总结
  • 387
分享到

javaScript遍历对象和数组的方法总结

2024-04-02 19:04:59 387人浏览 独家记忆
摘要

在日常工作过程中,我们对于javascript遍历对象、数组的操作是十分的频繁的,今天抽空把经常用到的方法小结一下,方便今后参考使用! javaScript遍历对象总结 1、使用Ob

在日常工作过程中,我们对于javascript遍历对象、数组的操作是十分的频繁的,今天抽空把经常用到的方法小结一下,方便今后参考使用!

javaScript遍历对象总结

1、使用Object.keys()遍历

返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).

var obj = {'0':'a','1':'b','2':'c'};

Object.keys(obj).forEach(function(key){

     console.log(key,obj[key]);

});

2、使用for..in..遍历

循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).

var obj = {'0':'a','1':'b','2':'c'};

for(var i in obj) {

     console.log(i,":",obj[i]);

}

3、使用Object.getOwnPropertyNames(obj)遍历

返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).

var obj = {'0':'a','1':'b','2':'c'};
Object.getOwnPropertyNames(obj).forEach(function(key){

    console.log(key,obj[key]);

});

4、使用Reflect.ownKeys(obj)遍历

返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.

var obj = {'0':'a','1':'b','2':'c'};
Reflect.ownKeys(obj).forEach(function(key){

console.log(key,obj[key]);

});

javaScript遍历数组总结

1、使用forEach遍历

var arr=[1,2,3,4];

arr.forEach(function(val, index) {

console.log(val, index);
});

2、使用for..in..遍历

var arr=["张三","李四","王五","赵六"];

for (var i in arr){

console.log(i,":",arr[i]);

}

3、使用for-of遍历

不仅支持数组,还支持大多数类数组对象,例如DOM nodeList对象.

也支持字符串遍历,它将字符串视为一系列的Unicode字符来进行遍历.

var arr=["张三","李四","王五","赵六"];

for (var value of arr){

    console.log(value);

}

到此这篇关于js遍历对象和数组的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: javaScript遍历对象和数组的方法总结

本文链接: https://www.lsjlt.com/news/152177.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javaScript遍历对象和数组的方法总结
    在日常工作过程中,我们对于javaScript遍历对象、数组的操作是十分的频繁的,今天抽空把经常用到的方法小结一下,方便今后参考使用! javaScript遍历对象总结 1、使用Ob...
    99+
    2022-11-13
  • JavaScript遍历对象的七种方法汇总
    目录前言属性的可枚举性遍历对象for...inObject.keys()Object.values()Object.entries()Object.getOwnPropertyNam...
    99+
    2022-11-13
    JavaScript遍历对象方法 JavaScript遍历对象
  • JavaScript:js数组/对象遍历方法
    一、js遍历方法 序号方法描述1for使用最基本的for循环可以遍历数组2for offor...of语句用来遍历可迭代对象(包括数组、Set、Map、字符串等),它可以替代传统的for循环和forEach()方法。for...of循环每次...
    99+
    2023-10-27
    前端 javascript
  • JavaScript遍历json对象数据的方法
    JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面说明一下用遍历方式获取属性值的方法。 获取属性名、属性值 <!DOCTYPE html...
    99+
    2022-11-13
  • JavaScript中遍历数组和对象有哪些常用的方法
    这篇文章主要介绍“JavaScript中遍历数组和对象有哪些常用的方法”,在日常操作中,相信很多人在JavaScript中遍历数组和对象有哪些常用的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操...
    99+
    2022-10-19
  • php中foreach遍历类对象的总结
    foreach 遍历数组很常见,同样foreach也可以遍历对象 做如下测试: class my { public $a = 'a'; protected $b = 'b';...
    99+
    2022-11-12
  • PHP遍历数组的6种方式总结
    目录1、foreach2、array_map3、array_walk4、for5、each6、reset总结在PHP的日常操作中,数组是最常出现的结构,而我们几乎每天都在处理数组相关的内容。那么问题来了,你一般怎么遍历并处理数组。 1、fo...
    99+
    2014-08-30
    php遍历数组 php遍历数组使用的是 php数组遍历的三种方法
  • php遍历对象的方法
    目录对于php来说,foreach是非常方便好用的一个语法,几乎对于每一个PHPer它都是日常接触最多的请求之一。那么对象是否能通过foreach来遍历呢? 答案是肯定的,但是有个条...
    99+
    2022-11-12
  • es6如何遍历对象和数组
    这篇文章主要介绍“es6如何遍历对象和数组”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“es6如何遍历对象和数组”文章能帮助大家解决问题。遍历对象的方法:1、“for in”语句,可循环遍历对象自身...
    99+
    2023-07-05
  • JavaScript中有哪些遍历对象的方法
    这篇文章将为大家详细讲解有关JavaScript中有哪些遍历对象的方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,...
    99+
    2023-06-14
  • JavaScript 数组遍历的五种方法
    目录一、for 循环:基础、简单二、forEach() 方法:使用回调函数三、map() 方法:使用回调函数四、for..in 循环:遍历对象和数组五、for…of 循环:遍历对象和...
    99+
    2022-11-11
  • javaScript数组遍历和对稀疏数组处理方法有哪些
    本篇内容介绍了“javaScript数组遍历和对稀疏数组处理方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够...
    99+
    2022-10-19
  • jquery中怎么遍历对象和数组
    jquery中怎么遍历对象和数组,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。JS forEach方法arr[].forEach(functi...
    99+
    2022-10-19
  • Javascript对象的循环遍历方法有哪些
    这篇文章主要介绍“Javascript对象的循环遍历方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Javascript对象的循环遍历方法有哪些”文章能帮助...
    99+
    2022-10-19
  • Vue中对数组和对象进行遍历和修改方式
    目录对数组和对象进行遍历和修改1、对数组进行循环2、 修改数组的时候,不能直接通过下标去增加修改删除3、对对象进行循环4、增加对象的时候修改数组和对象的特殊情况以及修改方法修改数组的...
    99+
    2022-11-13
  • es6有遍历对象的方法吗
    今天小编给大家分享一下es6有遍历对象的方法吗的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。有,遍历方法:1、“for......
    99+
    2023-07-04
  • JavaScript中有哪些遍历数组的方法
    这篇文章给大家介绍JavaScript中有哪些遍历数组的方法,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对...
    99+
    2023-06-14
  • es6遍历对象的方法有哪些
    这篇文章主要介绍了es6遍历对象的方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6遍历对象的方法有哪些文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2022-10-19
  • es6有没有遍历对象的方法
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。es6遍历对象的6种方法(1)for...infor...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。const obj = {...
    99+
    2022-11-22
    javascript ES6
  • React循环遍历渲染数组和对象元素方式
    目录循环遍历渲染数组和对象元素遍历渲染数组遍历渲染对象元素遍历对象生成dom项目场景问题描述补充循环遍历渲染数组和对象元素 遍历渲染数组 1.单纯数组 const pureArr =...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作