javascript - js 对象数组，长度不足10位，怎么补到10位？

Question

js 对象数组，长度不足10位，怎么补到10位？ 有什么好的方法，不足10位的长度，填补空对象，现在想到通过长度10-arr.length然后循环push，有什么其它好的方法，可以快速补全吗？
arr 里面的对象

const obj ={    id:'',    name:''}

Answer 1

    Object.defineProperty(Array.prototype, 'pad', {        value: function (value, length) {            const len = this.length;            if (len >= length) return this;            return this.concat(new Array(length - len).fill(value));        },        enumerable: false,        writable: false,        configurable: false    })    console.log('[].pad(0, 5)', [1].pad(0, 5))

Answer 2

楼上的大佬们，fill有第二和第三个参数的呀

const arr = [{ id: 1, name: 'item1' }, { id: 2, name: 'item2' }]const originalLength = arr.length // 原始长度arr.length = 10arr.fill({}, originalLength)// arr.fill({}, originalLength, arr.length)console.log(arr) // [ { id: 1, name: 'item1' }, { id: 2, name: 'item2' }, {}, {}, {}, {}, {}, {}, {}, {} ]

Answer 3

补充几个思路

1. 用 lodash 的 merge, 和默认数据做一个合并

   const result = _.merge(  new Array(10).fill(0).map(() => ({ id:'', name:''})),  [{ id: '11', name: '22' }])

2. reduce

   const result = new Array(10).fill(0).reduce((ret, item, index) => {  ret[index] ??= { id: '', name: '' }  return ret}, [{ id: '11', name: '22' }])

Answer 4

思路差不多就是这样，只是可以通过一些方法简化一下

const arr = [  { id: '1', name: 'AA' },  { id: '2', name: 'BB' },];const fillArr = Array.from({ length: 10 - arr.length }, () => ({ id: '', name: '' }));const result = arr.concat(filledArray);console.log(result)

Answer 5

直接操作 数组的 .length 属性是一种方式，当然也可以操作完之后再通过 Array.from 做其他的处理。

var arr = [{ id:1, name: 'item1' }, { id:2, name: 'item2' }]arr.length = 10// 数组arr的长度就是 10了// 也可以通过 `Array.from` 来创建一个新的数组结果var arr2 = Array.from({ ...arr, length: 10}, (d = {id:'', name:''}) => ({ ...d }))