怎么用JS通过class判断内容并修改成相应内容？

    <div class="b1">0</div>
    <div class="b1">1</div>
    <div class="b1">3</div>

var reason_obj = {
        0: "借款逾期",
        1: "法律方面原因 如有被法院执行记录等",
        2: "每月还息，网络上的不良信息",
        3: "其它行业黑名单（如租车等）",
        4: "因为风险问题而被机构拒绝",
        5: "未知",
    }

class相同，怎么通过使用js替换相应的内容呢
感谢大家的回答，我做个总结

<script type="text/javascript">
    var reason_obj = {
        0: "借款逾期",
        1: "法律方面原因 如有被法院执行记录等",
        2: "每月还息，网络上的不良信息",
        3: "其它行业黑名单（如租车等）",
        4: "因为风险问题而被机构拒绝",
        5: "未知",
    }
    //jquery实现
    $(".b1").each(function() {
      var div = $(this);
      var n = div.text();
      div.text(reason_obj[n]);
    });
    //js实现
    for(i=0;i<3;i++){
     a=document.getElementsByClassName('b1')[i].innerText;
     document.getElementsByClassName('b1')[i].innerHTML = reason_obj[a];
    }
</script>

---

class相同也有个顺序啊，通过[0],[1],[2]啊；

document.getElementsByClassName()

---

https://jsfiddle.net/0aogx5xc/

// 用了 jQuery 库
$(".b1").each(function() {
  var div = $(this);
  var n = div.text();
  div.text(n + ". " + reason_obj[n]);
});