草庐IT

JS总结——数组，对象遍历的方法

黑白程序员 2023-04-10 原文

对于数组或者对象的遍历，筛选，提取等操作是前端开发中经常有的需求，不要再只会写普通的for循环了，虽然普通的for循环已经能完成一切的功能的，是一个特殊方法，但是针对各种需求，js给我们提供了许多方法，来更优雅的遍历，来学习一下吧!

1. for in

for in 循环，数组和对象都可以遍历，item为array的下标，或者object的key这样的代码，比起for循环可读性能强一些。

2.for of

与for in 不同的是，for of只能遍历数组，item为数组元素的值

3.Object.keys/values/entries

上面提到了for of无法遍历对象，那么我们还想通过for of遍历对象怎么办呢
那我们就可以用到以上三个方法了

var obj = {
            a:1,
            b:2,
            c:3,
            d:4,
            e:5
        }
 console.log(Object.keys(obj))
 console.log(Object.values(obj))
 console.log(Object.entries(obj))


可见，for of无法遍历对象，但我们可以通过Object.keys/values/entries将对象的keys,values或者keys和values转化为数组，借此遍历

  for(var key of Object.keys(obj)){
	  console.log(key)
  }
  for(var value of Object.values(obj)){
      console.log(value)
  }
  for(var [key,value] of Object.entries(obj)){
      console.log(key,value)
  }



至此，我们就用for of +Object.keys/values/entries将数组的keys或者values遍历出来了。

以下的forEach,map,filter,some和every可以一起记忆

3.arr.forEach

一下就都是遍历数组的方法了，如果想遍历对象，也同上的for of一样，将对象的keys或values转化为数组再进行遍历。

  • forEach的第一个参数是一个函数，可以是箭头函数，也可以是普通函数，看需求进行选择，该函数将在每一次数组元素被遍历时执行
  • forEach的第二个参数是一个对象，如果指定了第二个参数，则**如果第一个参数是function，**function中的this会指向这个对象，如果第一个参数是箭头函数，那么由于箭头函数的特性，作用域将不会发生改变
  • 重点1: forEach第一个参数的函数中的传入的参数有三个分别为(item,index,arr),即数组当前数组的元素值，元素下标，和当前数组
  • 重点2：forEach没有返回值
  • 重点3：forEach不能使用break或continue关键字进行跳出循环，如果想跳出循环可以使用return
var arr = [1,2,3,4,5]
var obj = {
    a:1
 }
console.log(
	  arr.forEach(function(item,index,arr){
	    console.log(item,index,arr)
	    console.log(this)
},obj)

4.arr.map

Map与forEach非常的用法非常相似，区别是forEach没有返回值，而Map有，使用Map可以返回一个与原数组有映射关系的数组

var arr = [1,2,3,4,5]
var arr1 = arr.map(function(item,index,arr){
   return item *2  
 })
 console.log(arr1)

5.arr.filter

作用:过滤掉函数中返回false的元素

 var arr = [1,2,3,4,5]
 var arr1 = arr.filter(function(item,index,arr){
      if (index > 3)
      return true
  })

6.arr.some

作用:数组中只要有一个元素的返回值为true 返回值就为true，否则返回false

7.arr.every

作用:与arr.some刚好相反，数组中只要有一个元素的返回值为false,返回值就为false，只有全部返回值都为true，才返回true

8.arr.reduce

作用 :对数组进行遍历，返回一个值

  • 重点1:reduce的第一个参数是一个函数，与前五个方法不同的是，此函数并非只有3个参数，而是由4个参数,分别为 (accumulator,currentValue,index,arr)如同其字面意思一样，这4个参数分别是累加器，当前元素值，当前元素下标，和整个数组
  • 重点2:reduce的第二个参数是一个值，该值为累加器的初始值，如果不指定初始值，则默认为0
 var sum = [0,1,2,3,4].reduce(function(accumulator,currentValue,currentIndex,arr){
      return accumulator + currentValue
   })
   console.log(sum)


在数组的遍历过程中，累加器由每一个则执行的函数处理后传递给下一个执行的函数，最终返回出来。

mdash总结quotspangt

有关JS总结——数组，对象遍历的方法的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  4. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  5. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  6. ruby-on-rails - 在 Ruby 中循环遍历多个数组 - 2

    我有多个ActiveRecord子类Item的实例数组，我需要根据最早的事件循环打印。在这种情况下，我需要打印付款和维护日期，如下所示:ItemAmaintenancerequiredin5daysItemBpaymentrequiredin6daysItemApaymentrequiredin7daysItemBmaintenancerequiredin8days我目前有两个查询，用于查找maintenance和payment项目(非排他性查询)，并输出如下内容:paymentrequiredin...maintenancerequiredin...有什么方法可以改善上述(丑陋的)代

  7. Ruby 方法() 方法 - 2

    我想了解Ruby方法methods()是如何工作的。我尝试使用“ruby方法”在Google上搜索，但这不是我需要的。我也看过ruby​​-doc.org，但我没有找到这种方法。你能详细解释一下它是如何工作的或者给我一个链接吗？更新我用methods()方法做了实验，得到了这样的结果:'labrat'代码classFirstdeffirst_instance_mymethodenddefself.first_class_mymethodendendclassSecond使用类#returnsavailablemethodslistforclassandancestorsputsSeco

  8. ruby - 多次弹出/移动 ruby​​ 数组 - 2

    我的代码目前看起来像这样numbers=[1,2,3,4,5]defpop_threepop=[]3.times{pop有没有办法在一行中完成pop_three方法中的内容？我基本上想做类似numbers.slice(0,3)的事情，但要删除切片中的数组项。嗯...嗯，我想我刚刚意识到我可以试试slice! 最佳答案 是numbers.pop(3)或者numbers.shift(3)如果你想要另一边。 关于ruby-多次弹出/移动ruby​​数组，我们在StackOverflow上找到一

  9. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值，但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗？ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值，你可以这样做:values=@input[x]

  10. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

随机推荐