如何迭代数组并根据数据类型提取元素？

Question

我正在尝试使用原生 javascript 从数组中提取所有对象。我不断得到一个对象作为价值。我做错了什么？

var person1 = { name: "Daniel Machado", life: true };
var person2 = { name: "Marla Singer", life: null };

var array = ["stg", person1, 1, null, person2];


function extractedObj(objToExtract){   
  for(var i = array.length-1; i--;){
    if (typeof array[i] === "object"){
      splicedObj = array.splice(i, 1);
    }
  }
  return splicedObj;
};

extractedObj(array);

// the result I'm looking for is: 
// [Object, Object]
// [person1, person2]

// the result I'm getting is:
// [Object]
// [person1]

输出只有一个对象。我正试图把它们都拉出来。理想情况下，我想使用 forEach 和/或箭头函数来做到这一点，但任何事情都可以。也不确定为什么在这种情况下你必须减少拼接。从来没有真正理解这一点，只知道这就是许多例子所显示的。如果有人可以解释，将不胜感激。

Answer 1

您每次循环都会覆盖splicedObject。您需要将要删除的项目推送到结果数组中。

var person1 = { name: "Daniel Machado", life: true };
var person2 = { name: "Marla Singer", life: null };

var array = ["stg", person1, 1, null, person2];

function extractedObj(array){
  var splicedObj = [];
  for(var i = array.length-1; i >= 0; i--){
    if (typeof array[i] === "object" && array[i] !== null){
      splicedObj.push(array[i]);
      array.splice(i, 1);
    }
  }
  return splicedObj;
};
console.log(extractedObj(array));

拼接时需要递减的原因是因为它会调整删除后所有元素的索引。如果你正向遍历数组，那么在你删除元素2 之后，原来是3 的元素就变成了2。下一次循环时，您会将i 增加到3，因此您将永远不会检查取代旧2 的项目。

反过来说，被重新编号的元素只是已经测试过的元素，所以你不会错过任何东西。

Answer 2

如果你可以使用 ES5，Array 原型中有一个 filter 方法。

var person1 = { name: "Daniel Machado", life: true };
var person2 = { name: "Marla Singer", life: null };

var array = ["stg", person1, 1, null, person2];

var isObject = function(element) {
  return element && typeof element === "object";
}

console.log(array.filter(isObject));