JS 对象数组属性初始化器/可选链接

Question

初始化对象数组属性然后推送值似乎是一个两步法。 ES6 中是否有最佳的单行方法？该问题的示例在下面的 appendError(prop, error) 方法中。

问题：

JS或lodash是否有一行或更简洁的方法？

未来的可选链似乎解决了这个问题，但今天有解决方案吗？ PHP 允许 $array[prop][] = val;

  class Errors {
    constructor(fields ) {
        this.errors = {};
    }

    /**
     * Clear one or all error fields.
     *
     * @param {string} prop | example: "email"
     * @param {string} error | example: "Invalid email"
     */
    appendError(prop, error) {
        /* Set key and empty array if property doest exist */
        if (!this.has(prop)) this.errors[prop] = [];
        /* then Push value */
        this.errors[prop].push(error);
    }

    /**
     * Determine if an errors exists for the given field.
     *
     * @param {string} prop
     */
    has(prop) {
        return this.errors.hasOwnProperty(prop);
    }
  }

Answer 1

您可能会为此滥用 ||：

this.errors[prop]?.push(error) || (this.errors[prop] = [error]);

Answer 2

你可以这样写：

appendError(prop, error) {
    (this.error[prop] = this.error[prop]||[]) && this.error[prop].push(error) && this.error[prop];
}

Answer 3

你可以使用Logical nullish assignment (??=)分配一个空数组，如果属性值id undefined:

(this.errors[prop] ??= []).push(error);

示例：

class Errors {
  constructor(fields) {
    this.errors = {};
  }

  appendError(prop, error) {
    (this.errors[prop] ??= []).push(error);
  }
}

const errors = new Errors;

errors.appendError('a', 'a');

errors.appendError('a', 'b');

console.log(errors.errors);

JS 对象数组属性初始化器/可选链接

JS Object array property initializer / optional chaining

javascript

lodash

JS 对象数组 属性 初始化器/可选链接

JS Object array property initializer / optional chaining

javascript

lodash

JS 对象数组属性初始化器/可选链接