js遍历对象的几种方法以及 删除对象中的某个元素的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js遍历对象的几种方法以及 删除对象中的某个元素的方法相关的知识,希望对你有一定的参考价值。

参考技术A 注意:这里容易与遍历数组的for of 方法混淆

运行结果:

注意:Object.keys方法返回的是一个由对象属性组成的数组

运行结果:

运行结果:

运行结果:

javascript中的几种遍历方法浅析

 1. for...in 用于对数组或者对象的属性的可枚举属性进行循环操作。注意该对象来自原型链上的可枚举属性也会被循环。下面看例子

var arr = ["lee","hello","zhangsan"];
for(var i in arr) {
console.log(arr[i]);//lee hello zhangsan
}
数组也是对象 也可以添加自己的属性 我们为arr添加一个name属性
arr.name = “安妮宝贝”
for(var i in arr) {
console.log(arr[i]);//lee hello zhangsan 安妮宝贝
}

那么怎么理解该对象来自原型链上的可枚举属性也会被循环?看下面的例子
var bar = {a:1,b:2,c:3};
function foo() {
this.color = "red";
}
foo.prototype = bar;
var obj = new foo();
for(var prop in obj){
console.log("o."+prop+"="+obj[prop])//o.color = red o.a = 1 o.b =2 o.c = 3

}

最后一个例子复制代码运行一下看看结果

<ul id="box">
  <li class="child">1</li>
  <li class="child">2</li>
  <li class="child">3</li>
  <li class="child">4</li>
</ul>
<script>
 var ul = document.querySelector("#box");
 var li = ul.querySelectorAll(".child");
  for(var i in li) {
    console.log(li[i]);
    li[i].onclick = function() {
    alert("hello")
}
}
</script>



 2.forEach是ES5中操作数组的一种方法,主要功能是遍历数组直接看例子

         var arr = ["zhangsan","lisi","wangwu"];
arr.name ="sdfsdfsdf"; arr.forEach(
function(element){ console.log(element)// zhangsan lisi wangwu })

 

以上是关于js遍历对象的几种方法以及 删除对象中的某个元素的方法的主要内容,如果未能解决你的问题,请参考以下文章

js遍历对象的几种方法

js遍历对象的几种方法

js 循环遍历变量的几种方式

怎么用js拿到一个对象里面的属性

删除数组中指定的某个对象

JS -javascript 数组遍历的几种方式,数组或对象循环遍历的对比分析,性能使用合理使用