具有默认值的打字稿固定数组

Question

寻找一种方法来创建固定大小为 3 的对象数组，并用默认值填充它，但是当我推入数组时，它应该替换默认值。

示例：

声明一个数组，用“默认值”字符串填充数组

["default value", "default value", "default value"]

我现在将一些文本推送到这个初始数组并期待以下内容：

["Added Data", "Default value", "Default Value"]

我将更多数据推送到此数组并期望以下内容：

["Added Data", "Added Data", "Default Value"]

我再次将更多数据推送到此数组并期待以下内容：

["Added Data", "Added Data", "Added Data"]

所以最终结果应该是如果推送一个数据，那么数组的其余部分应该保持默认值，除非我将所有三个数据都推送到数组中。

注意：这个例子是一个字符串数组，只是为了展示一个例子，但我正在寻找的解决方案是对象数组。 Array.fill() 方法适用于 JavaScript 不可变值，如字符串、数字和布尔值。带有对象的数组，数组中的每个插槽都引用同一个对象，这不是我要找的。我希望每个对象都是独一无二的

Answer 1

您可以扩展 Array 类以使其具有您描述的行为...

class FixedArray extends Array {

  /**
   * Contruct a fixed-length Array
   * @param int length - length of the array
   * @param mixed default_value - The default value for empty slots
   */
  constructor(length, default_value) {
    super(length);
    this.default_value = default_value;
    super.fill(default_value);
  }

  /**
   * "Push" items onto the begining of the array (unshift)
   * @params ...args mixed - values to put in the array
   */
  push(...args) {
    args.forEach(arg => {
      super.pop();
      super.unshift(arg);
    });
  }

  /**
   * Pop an item off the end of the array 
   * and replace it with the default value
   */
  pop(){
    super.pop();
    super.push(this.default_value);
  }

  /**
   * Shift an item off the start of the array 
   * and replace it with the default value
   */
  shift(){
    super.shift();
    super.unshift(this.default_value);
  }

}

var arr = new FixedArray(4, 'default value');
console.log(arr);

arr.push('new value');
console.log(arr);

arr.push('new value');
console.log(arr);

arr.pop();
console.log(arr);

为了解决有关数组填充方法的部分，您可以添加一个方法来复制您放入其中的任何值...

/**
 * Fill the array with copies of whatever arguments are provided.
 * Fills by value, not by reference.
 */
fill(...args){
  args.forEach(arg=>{
    let copy = JSON.parse(JSON.stringify(arg));
    this.push(arg);
  });
}

Answer 2

使用默认唯一对象值创建和填充数组：

const tuple = new Array(3).fill(0).map(() => ({ foo: "bar" }))

// or
const defaultObject = { foo: "bar" }
const tuple = new Array(3).fill(0).map(() => ({ …defaultObject }))

添加新项目，并保持数组大小不变

function addTo(tuple, newItem) {
  tuple.unshift(newItem) // add new item to beginning 
  tuple.pop() // remove old item at the end
}