JavaScript获取对象内数组末尾元素返回错误值的问题排查求助

嘿，我来帮你揪出代码里的问题啦～

你现在遇到的核心问题是：代码里的Object.values(obj)[0]直接取了对象第一个属性的值，在你的测试用例movieData里，第一个属性是studio，对应的值是字符串"Disney"。而JS里字符串也有length属性，所以arr[arr.length -1]就取到了"Disney"的最后一个字符'r'，这就是为什么返回了'r'而不是你想要的'Up'。

你的需求是要处理对象里的数组，但当前代码完全没做“识别数组”这一步，直接拿了第一个值，自然会出错。下面是针对你所有需求的修正代码，我会一步步解释：

修正后的代码 #

const movieData = { "studio": "Disney", "mainCharacter": "Carl Fredricksen", "films": ["Up"] }
function lastElement(obj) {
  // 1. 对象为空时返回空字符串
  if (Object.keys(obj).length === 0) return "";
  
  // 2. 从对象的所有值中找到数组类型的那个值
  const targetArray = Object.values(obj).find(val => Array.isArray(val));
  
  // 3. 如果对象里没有数组，返回空字符串（补充边界情况）
  if (!targetArray) return "";
  
  // 4. 如果数组包含空字符串，返回空字符串
  if (targetArray.includes("")) return "";
  
  // 5. 返回数组最后一个元素，数组为空时也返回空字符串
  return targetArray.length > 0 ? targetArray[targetArray.length - 1] : "";
}
console.log(lastElement(movieData)) // 输出 "Up"

代码逻辑说明 #

• 步骤1：你原来的这部分逻辑是对的，直接保留。
• 步骤2：用find方法筛选出对象里的数组，这样就不会再误取到字符串/数字类型的属性值了。
• 步骤3：补充了“对象里没有数组”的边界情况，避免后续代码报错。
• 步骤4：严格符合你的需求——只要数组里包含空字符串，就返回空字符串。
• 步骤5：处理数组的最后一个元素，同时兼顾数组为空的情况。

测试边界情况 #

我们来验证几个符合你需求的场景：

• 数组包含空字符串：

  const testObj1 = { "films": ["Up", "", "Toy Story"] }
  console.log(lastElement(testObj1)) // 输出 ""
  

• 数组仅有一个元素：

  const testObj2 = { "films": ["Inside Out"] }
  console.log(lastElement(testObj2)) // 输出 "Inside Out"
  

• 对象为空：

  const testObj3 = {}
  console.log(lastElement(testObj3)) // 输出 ""
  

• 数组为空：

  const testObj4 = { "films": [] }
  console.log(lastElement(testObj4)) // 输出 ""
  

这样所有需求就都满足啦～

内容的提问来源于stack exchange，提问作者SaraCodesNls