5种js遍历对象属性的方法

发布时间:2025-05-20 16:29:06 发布人:远客网络

5种js遍历对象属性的方法

一、5种js遍历对象属性的方法

ES6一共有 5种方法可以遍历对象的属性。

for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol属性）。

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol属性）的键名。

（3）Object.getOwnPropertyNames(obj) ie9

Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol属性，但是包括不可枚举属性）的键名。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol属性的键名。

Reflect.ownKeys返回一个数组，包含对象自身的（不含继承的）所有键名，不管键名是 Symbol或字符串，也不管是否可枚举。

以上的 5种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

其中兼容性最好的是for... in来进行遍历，因为我们通常只需要遍历对象自身拥有的属性所以使用 Object.prototype.hasOwnProperty()兼容到ie5.5方法来排除继承的属性

注意：即使属性的值是 null或 undefined，只要属性存在， hasOwnProperty依旧会返回 true。

如果不在意兼容性问题，用keys方法，搭配for... of来遍历也不错，、

for...of是es6引入的用于遍历可迭代对象的语法，相当于python里的for in。

js的for...in别扭的地方在于，遍历数组和对象都是返回的key值，遍历数组是下标值。for...of遍历数组会返回每一个值，跟foreach类似的效果，但是对于对象，只支持实现了迭代器的对象。

二、js数组怎么遍历删除指定元素,最后全部删完

1、在JavaScript中，处理数组遍历并删除特定元素是一项常见的任务。以删除数组中所有的奇数为例，我们可以使用循环结构来实现。假设我们有一个数组，如var arr= [1, 2, 3, 4, 5, 6];要删除所有的奇数，可以使用for循环进行遍历，同时使用splice方法来移除奇数元素。这里的关键在于，当我们使用splice方法移除元素时，需要调整索引值，以避免越界错误。

2、for(var i= 0; i< arr.length; i++){

3、在上述代码中，我们首先初始化一个for循环，遍历数组中的每个元素。接着，通过检查arr[i]% 2!== 0来判断当前元素是否为奇数。如果是奇数，我们使用splice方法移除该元素，并将i减一，以确保下一次循环能正确处理下一个元素。这里需要注意的是，每次调用splice方法后，我们需要将索引i减一，因为splice方法会移除一个元素，数组长度会减少，而我们仍然在使用原本的索引值。

4、当然，除了使用for循环和splice方法外，我们还可以使用其他方法来删除数组中的指定元素。例如，可以先过滤出奇数，然后使用filter方法来创建一个新的数组，从而实现数组的净化。

5、另外，还有一种更简洁的方法，即使用数组的filter方法，直接过滤掉不需要的元素，代码如下：

6、arr= arr.filter(function(item){

7、这种方法的好处在于，它不需要手动遍历数组，也不需要调整索引值。filter方法会返回一个新的数组，其中只包含满足给定条件的元素。在这里，我们通过判断item% 2=== 0来保留偶数元素，从而实现数组中奇数的自动移除。

8、以上介绍了几种删除数组中指定元素的方法，每种方法都有其适用场景和特点。在实际开发中，根据具体需求选择合适的方法，可以提高代码的效率和可读性。