草庐IT

JavaScript 中 Object,Map,Set 及数组遍历方法

Touryung's Blog 2023-03-28 原文

Object(对象)

for in

  • 遍历出对象可枚举的"属性",包含继承的可枚举属性
var person = {
  name: '小明',
  birth: 1990,
  height: 1.70
};
for(var x in person){
  console.log(x);
  console.log(person[x]); // 不能用person.x,会被认为是取person的x属性
}

Object.keys,Object.values

  • 分别遍历出对象的"属性"和"值",不包含继承的
var person = {
  id:1,
  name:'zhangsan',
  age:18
}

console.log(Object.keys(person));
console.log(Object.values(person)); // 输出数组
Object.keys(person).forEach((key)=>{
  console.log(key+':'+person[key]);
})

Object.getOwnPropertyNames

  • 遍历出对象的"属性",不包含继承的
  • Object.keys 的区别: Object.keys 返回可枚举的,Object.getOwnPropertyNames 返回所有的。
const person = {
  id:1,
  name:'zhangsan',
  age:18
}
Object.getOwnPropertyNames(person).forEach(function(key){
  console.log(key+':'+person[key]);
})

Map(哈希表)

for of

  • 遍历出每个键值对数组
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of m) {
  console.log(x[0] + '=' + x[1]);
}

map.values,map.keys

  • Object

forEach

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach((value, key, map)=>{
  console.log(value);
})

map.entries

  • 作用同 for of

Set(集合)

同 Map,区别是:

  • set.keysset.values 相等
  • forEach 中前两个参数一致,都是元素本身
  • set.entries 会遍历出数组,类似 ['A', 'A'],不建议使用

Array(数组)

  • 普通 for 遍历
  • for 改良:for(var i=0, len=arr.length, i<len, i++)
  • for in (效率低)
  • for of
  • forEach

具体情况不赘述

最后

for in 和 for of 区别

for in 循环遍历的是对象的属性名称

Array 数组实际上也是一个对象,它的每个元素的索引被视为一个属性,当我们给 Array 对象添加了额外的属性后,for in 循环将出现瑕疵:

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
  console.log(x); // '0', '1', '2', 'name'
}

for in 循环将把 name 包括在内,但 Arraylength 属性却不包括在内

for of 循环集合属性对应的值

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x of a) {
  console.log(x); // 'A', 'B', 'C'
}

Object 不能用 for of 遍历,MapSet 不能用 for in 遍历

forEach 遍历类型

forEach 适用于遍历数组,MapSet。其他类型比如 Object 可以用 Object.keys 得到数组然后遍历

有关JavaScript 中 Object,Map,Set 及数组遍历方法的更多相关文章

  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 - 在 Ruby 中循环遍历多个数组 - 2

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

  6. Ruby 方法() 方法 - 2

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

  7. 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上找到一

  8. 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]

  9. 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

  10. ruby - Highline 询问方法不会使用同一行 - 2

    设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline,但已经有几个月没有使用它了。现在,在Ruby1.9.2上全新安装时,它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗? 最佳答案

随机推荐