Bagaimanakah Saya Boleh Mencipta Objek JavaScript dengan Kekunci Dinamik?

Mencipta Objek dengan Kekunci Dinamik

Dalam JavaScript, kekunci dalam literal objek biasanya rentetan statik. Walau bagaimanapun, ada kalanya anda mungkin perlu menetapkan kunci secara dinamik kepada objek berdasarkan data input.

Dalam senario ini, pengguna mempunyai fungsi yang perlu mencipta objek dengan kunci dan nilai yang ditentukan secara dinamik. Walau bagaimanapun, hanya menggunakan fungsi .map menghasilkan tatasusunan objek dengan nama kunci yang sama.

Penyelesaian 1: Kekunci Dikira (ES2015)

Dalam yang diperkenalkan baru-baru ini Standard ES2015, objek boleh dibuat dengan kekunci yang dikira. Menggunakan sintaks ini, kunci dalam literal objek boleh ditentukan secara dinamik sebagai pembolehubah atau ungkapan.

stuff = function (thing, callback) {
  var inputs = $('div.quantity > input').map(function () {
    return {
      [this.attr('name')]: this.attr('value'),
    };
  });

  callback(null, inputs);
};

Penyelesaian 2: Notasi Kurungan (ES5 dan Di Bawah)

Dalam versi JavaScript yang lebih awal (ES5 dan ke bawah), kunci dinamik boleh diberikan menggunakan notasi kurungan. Ini melibatkan penentuan kunci sebagai rentetan dalam kurungan segi empat sama.

stuff = function (thing, callback) {
  var inputs = $('div.quantity > input').map(function () {
    var key = this.attr('name');
    var value = this.attr('value');
    var ret = {};

    ret[key] = value;
    return ret;
  });

  callback(null, inputs);
};

Dengan menggunakan salah satu daripada teknik ini, anda boleh mencipta kekunci objek secara dinamik berdasarkan data input dalam JavaScript, memastikan kekunci sepadan dengan nilai yang dikehendaki.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Objek JavaScript dengan Kekunci Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!