Javascript'te koşullu olarak bir nesneye üye nasıl eklenir?

Şartlı olarak eklenmiş bir üye ile bir nesne oluşturmak istiyorum. Basit yaklaşım:

var a = {};
if (someCondition)
    a.b = 5;

Şimdi daha deyimsel bir kod yazmak istiyorum. Deniyorum:

a = {
    b: (someCondition? 5 : undefined)
};

Ama şimdi, değeri olan bbir üye . Bu istenen sonuç değildir.aundefined

Kullanışlı bir çözüm var mı?

Güncelleme

Genel davayı birkaç üyeyle halledebilecek bir çözüm arıyorum.

a = {
  b: (conditionB? 5 : undefined),
  c: (conditionC? 5 : undefined),
  d: (conditionD? 5 : undefined),
  e: (conditionE? 5 : undefined),
  f: (conditionF? 5 : undefined),
  g: (conditionG? 5 : undefined),
 };

Saf Javascript'te, ilk kod snippet'inizden daha deyimsel bir şey düşünemiyorum.

Ancak, jQuery kitaplığını kullanmak söz konusu değilse , belgelerin söylediği gibi $ .extend () gereksinimlerinizi karşılamalıdır:

Tanımsız özellikler kopyalanmaz.

Bu nedenle şunları yazabilirsiniz:

var a = $.extend({}, {
    b: conditionB ? 5 : undefined,
    c: conditionC ? 5 : undefined,
    // and so on...
});

Ve (eğer beklediğiniz sonuçları elde conditionBolduğunu false, daha sonra bmevcut olmaz a).

@InspiredJW bunu ES5 ile yaptı ve @trincot'un işaret ettiği gibi, es6 kullanmak daha iyi bir yaklaşım. Ancak yayma operatörünü ve mantıksal VE kısa devre değerlendirmesini kullanarak biraz daha şeker ekleyebiliriz:

const a = {
   ...(someCondition && {b: 5})
}

EcmaScript2015 ile şunları kullanabilirsiniz Object.assign:

Object.assign(a, conditionB ? { b: 1 } : null,
                 conditionC ? { c: 2 } : null,
                 conditionD ? { d: 3 } : null);

var a, conditionB, conditionC, conditionD;
conditionC = true;
a = {};
Object.assign(a, conditionB ? { b: 1 } : null,
                 conditionC ? { c: 2 } : null,
                 conditionD ? { d: 3 } : null);

console.log(a);

Bazı açıklamalar:

• Object.assign ilk bağımsız değişkeni yerinde değiştirir, ancak güncelleştirilmiş nesneyi de döndürür: böylece nesneyi daha fazla işleyen daha büyük bir ifadede bu yöntemi kullanabilirsiniz.
• Bunun yerine nullgeçebilirdiniz undefinedya {}da aynı sonuçla. Bunun 0yerine, ilkel değerler sarıldığı ve Numberkendi numaralandırılabilir özellikleri olmadığı için bile sağlayabilirsiniz .

Daha da özlü

(@Jamie sivri out olduğu gibi) falsy değerlerin yerine kendi enumerable özellikler içerdiğinden, (şöyle, ikinci noktayı alarak, bunu kısaltabilir false, 0, NaN, null, undefined, '', hariç document.all):

Object.assign(a, conditionB && { b: 1 },
                 conditionC && { c: 2 },
                 conditionD && { d: 3 });

var a, conditionB, conditionC, conditionD;
conditionC = "this is truthy";
conditionD = NaN; // falsy
a = {};
Object.assign(a, conditionB && { b: 1 },
                 conditionC && { c: 2 },
                 conditionD && { d: 3 });
console.log(a);

const obj = {
   ...(condition) && {someprop: propvalue},
   ...otherprops
}

Canlı Demo:

const obj = {
  ...(true) && {someprop: 42},
  ...(false) && {nonprop: "foo"},
  ...({}) && {tricky: "hello"},
}

console.log(obj);

Boole ile yayılmış sözdiziminin kullanılması (burada önerildiği gibi) geçerli sözdizimi değildir. Spread sadece tekrarlanabilir modellerle kullanılabilir .

Aşağıdakileri öneririm:

const a = {
   ...(someCondition? {b: 5}: {} )
}

Gelişmiş Nesne Özelliklerini kullanmaya ve özelliği yalnızca doğruysa ayarlamaya ne dersiniz, örneğin:

[isConditionTrue() && 'propertyName']: 'propertyValue'

Bu nedenle koşul karşılanmazsa, tercih edilen özelliği oluşturmaz ve böylece atabilirsiniz. Bkz. Http://es6-features.org/#ComputedPropertyNames

GÜNCELLEME: Axel Rauschmayer'in blog makalesinde, nesne değişmezleri ve dizilerin içine koşullu olarak giriş eklemek hakkındaki yaklaşımını takip etmek daha da iyidir ( http://2ality.com/2017/04/conditional-literal-entries.html ):

const arr = [
  ...(isConditionTrue() ? [{
    key: 'value'
  }] : [])
];

const obj = {
  ...(isConditionTrue() ? {key: 'value'} : {})
};

Bana çok yardımcı oldu.

daha basit,

const a = {
    ...(condition && {b: 1}) // if condition is true 'b' will be added.
}

Hedef, nesnenin bağımsız görünmesini ve bir küme parantezinin içinde olmasını sağlamaksa, bunu deneyebilirsiniz:

var a = new function () {
    if (conditionB)
        this.b = 5;

    if (conditionC)
        this.c = 5;

    if (conditionD)
        this.d = 5;
};

Bu sunucu tarafını (jquery olmadan) yapmak istiyorsanız, lodash 4.3.0'ı kullanabilirsiniz:

a = _.pickBy({ b: (someCondition? 5 : undefined) }, _.negate(_.isUndefined));

Ve bu lodash 3.10.1 kullanarak çalışıyor

a = _.pick({ b: (someCondition? 5 : undefined) }, _.negate(_.isUndefined));

var a = {
    ...(condition ? {b: 1} : '') // if condition is true 'b' will be added.
}

Umarım bu duruma göre bir giriş eklemek için çok etkili bir yoldur. Bir nesne hazır bilgilerinin içine koşullu girişlerin nasıl ekleneceği hakkında daha fazla bilgi için.

Bu uzun zamandır cevaplandı, ancak diğer fikirlere baktığımda bazı ilginç türevler buldum:

Aynı özelliğe tanımsız değerler atayın ve daha sonra silin

Anonim bir kurucu kullanarak nesnenizi oluşturun ve tanımsız üyeleri her zaman en sonunda kaldırdığınız kukla üyeye atayın . Bu size üye başına tek bir satır (umarım çok karmaşık değil) + sonunda 1 ek satır verecektir.

var a = new function() {
    this.AlwaysPresent = 1;
    this[conditionA ? "a" : "undef"] = valueA;
    this[conditionB ? "b" : "undef"] = valueB;
    this[conditionC ? "c" : "undef"] = valueC;
    this[conditionD ? "d" : "undef"] = valueD;
    ...
    delete this.undef;
};

Tanımlanmamış tüm değerlerinizi koşulsuz olarak ekleyebilir ve daha sonra JSON.stringifyhepsini kaldırmak için kullanabilirsiniz :

const person = {
  name: undefined,
  age: 22,
  height: null
}

const cleaned = JSON.parse(JSON.stringify(person));

// Contents of cleaned:

// cleaned = {
//   age: 22,
//   height: null
// }

Bunu yapardım

var a = someCondition ? { b: 5 } : {};

Bir satır kod sürümü ile düzenlendi

Lodash kütüphanesini kullanarak _.omitBy

var a = _.omitBy({
    b: conditionB ? 4 : undefined,
    c: conditionC ? 5 : undefined,
}, _.IsUndefined)

Bu, isteğe bağlı istekleriniz olduğunda kullanışlıdır

var a = _.omitBy({
    b: req.body.optionalA,  //if undefined, will be removed
    c: req.body.optionalB,
}, _.IsUndefined)

Şartlı olarak üye ekleme konusundaki ilk yaklaşımınızın gayet iyi olduğunu düşünüyorum. Gerçekten üyeye sahip istememek kabul etmiyorsanız bait adeğerine sahip undefined. Operatör ile undefinedbir fordöngü kullanımı ile bir kontrol eklemek yeterince basittir in. Ancak yine de, undefinedüyeleri filtrelemek için kolayca bir işlev yazabilirsiniz .

var filterUndefined = function(obj) {
  var ret = {};
  for (var key in obj) {
    var value = obj[key];
    if (obj.hasOwnProperty(key) && value !== undefined) {
      ret[key] = value;
    }
  }
  return ret;
};

var a = filterUndefined({
  b: (conditionB? 5 : undefined),
  c: (conditionC? 5 : undefined),
  d: (conditionD? 5 : undefined),
  e: (conditionE? 5 : undefined),
  f: (conditionF? 5 : undefined),
  g: (conditionG? 5 : undefined),
});

Ayrıca delete, nesneyi yerinde düzenlemek için operatörü de kullanabilirsiniz .

Bir nesneye sarın

Böyle bir şey biraz daha temiz

 const obj = {
   X: 'dataX',
   Y: 'dataY',
   //...
 }

 const list = {
   A: true && 'dataA',
   B: false && 'dataB',
   C: 'A' != 'B' && 'dataC',
   D: 2000 < 100 && 'dataD',
   // E: conditionE && 'dataE',
   // F: conditionF && 'dataF',
   //...
 }

 Object.keys(list).map(prop => list[prop] ? obj[prop] = list[prop] : null)

Bir diziye sarın

Veya Jamie Hill'in yöntemini kullanmak ve çok uzun bir koşul listesine sahip olmak istiyorsanız, ...sözdizimini birden çok kez yazmanız gerekir . Biraz daha temiz hale getirmek için, bunları bir diziye sarabilir, ardından reduce()tek bir nesne olarak döndürmek için kullanabilirsiniz .

const obj = {
  X: 'dataX',
  Y: 'dataY',
  //...

...[
  true && { A: 'dataA'},
  false && { B: 'dataB'},
  'A' != 'B' && { C: 'dataC'},
  2000 < 100 && { D: 'dataD'},
  // conditionE && { E: 'dataE'},
  // conditionF && { F: 'dataF'},
  //...

 ].reduce(( v1, v2 ) => ({ ...v1, ...v2 }))
}

Veya map()işlevi kullanarak

const obj = {
  X: 'dataX',
  Y: 'dataY',
  //...
}

const array = [
  true && { A: 'dataA'},
  false &&  { B: 'dataB'},
  'A' != 'B' && { C: 'dataC'},
  2000 < 100 && { D: 'dataD'},
  // conditionE && { E: 'dataE'},
  // conditionF && { F: 'dataF'},
  //...

 ].map(val => Object.assign(obj, val))

Bu, gelebileceğim en özlü çözüm:

var a = {};
conditionB && a.b = 5;
conditionC && a.c = 5;
conditionD && a.d = 5;
// ...

Lodash kütüphaneyi kullanarak, kullanabilirsiniz _.merge

var a = _.merge({}, {
    b: conditionB ? 4 : undefined,
    c: conditionC ? 5 : undefined,
})

1. ConditionB false& conditionC ise true, o zamana = { c: 5 }
2. Her iki conditionB ve conditionC ise true,a = { b: 4, c: 5 }
3. Her iki conditionB ve conditionC ise false,a = {}