javascript - 如何遍历数组并根据数据类型提取元素？

Question

我正在尝试使用 native javascript 从数组中提取所有对象。我一直得到一个对象作为值(value)。我做错了什么？

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 和/或箭头函数来执行此操作，但一切正常。不太确定为什么在这种情况下你必须减少 splice 。从来没有真正理解这一点，只知道许多例子都表明了这一点。如果有人能解释一下，我们将不胜感激。

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 的项目>.

反过来，重新编号的元素只是已经测试过的元素，因此您不会遗漏任何内容。