如何使用JavaScript将对象数组转换为指定格式字符串？求更高效实现方案

Hey there! Your current implementation gets the job done, but we can make it cleaner, more readable, and more efficient using JavaScript's built-in array methods—these are optimized under the hood to handle such tasks better than manual loop concatenation.

Here's the improved version:

let arr = [{ "name": "abc", "value": "21" }, { "name": "abcd", "value": "212" } ];

function setKey(arr) {
  const result = arr.map(ele => `${ele.name}:${ele.value}`).join('|');
  console.log(result);
}

setKey(arr); // Output: "abc:21|abcd:212"

Why this works better #

• No messy index checks: We skip the logic of verifying if we're on the last element—join('|') automatically handles adding the separator only between elements, which eliminates error-prone manual conditionals.
• Better performance: String concatenation in loops (like your original forEach approach) creates intermediate string objects, which can add up to unnecessary overhead, especially with large arrays. map first builds an array of individual "name:value" strings, then join combines them all in one optimized step.
• Cleaner, maintainable code: The intent of the transformation is immediately clear—we're mapping each object to its formatted string, then joining them. No extra temporary variables or tangled logic to parse.

If you need to handle edge cases (like empty arrays or objects missing name/value properties), you can add quick safeguards too:

function setKey(arr) {
  if (!Array.isArray(arr) || arr.length === 0) {
    console.log('');
    return;
  }
  const result = arr
    .filter(ele => ele.name !== undefined && ele.value !== undefined)
    .map(ele => `${ele.name}:${ele.value}`)
    .join('|');
  console.log(result);
}

This ensures you don't end up with undefined:undefined entries in your final string if some objects are incomplete.

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