如何通过两个数组迭代并将键值返回到其他对象

Question

const phoneBook = {};
const names = ['Mira', 'Royce', 'Kathie'];
const numbers = ['3234958675', '9164059384', '4154958675']

function populate(names, numbers) {
  for(i = 0; i < populate.length; i++) {
    phoneBook[names[i]] = numbers[i];
}
  
}

如何同时使我的for循环通过两个阵列迭代并返回名称作为键和数字作为值？

Answer 1

你的想法大多是正确的。

两个建议：

1. 的迭代次数
2. 您想要使用 numbers.length 或 names.length 作为您可能不想改变全局对象

一个工作示例看起来像是这样像这样：

const names = ['Mira', 'Royce', 'Kathie'];
const numbers = ['3234958675', '9164059384', '4154958675'];

function populate(names, numbers) {
    const phoneBook = {};

    for(i = 0; i < names.length; i++) {
        phoneBook[names[i]] = numbers[i];
    }

    return phoneBook;
}

const phoneBook = populate(names, numbers);

Answer 2

更简洁地说，将数组压缩在一起，然后将其传递给 Object.fromEntries(0

function makePhoneBook(names, numbers) {
  const entries = names.map((name, i) => [name, numbers[i]]);
  return Object.fromEntries(entries);
}

const names = ['Mira', 'Royce', 'Kathie'];
const numbers = ['3234958675', '9164059384', '4154958675']
const phoneBook = makePhoneBook(names, numbers);
console.log(phoneBook);

Answer 3

只是说明， lodash 如果不这样头脑：

const names = ['Mira', 'Royce', 'Kathie'];
const numbers = ['3234958675', '9164059384', '4154958675'];

const phoneBook = _.zipObject(names, numbers);

console.log(phoneBook);

.as-console-wrapper { max-height: 100% !important; top: 0; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

而且，当然是单线：

const names = ['Mira', 'Royce', 'Kathie'];
const numbers = ['3234958675', '9164059384', '4154958675'];

const phoneBook = names.reduce((acc, name, i) => (acc[name] = numbers[i], acc), {});

console.log(phoneBook);

.as-console-wrapper { max-height: 100% !important; top: 0; }