从另一个数组返回一个新的N元素数组的简洁方法？香草JavaScript
我有一个给定的数组，其元素数量不确定，数组可以是数字或字符串，然后我需要从第一个数组的迭代元素生成一个新的N元素数组。
我已经有了一个函数来完成它，但是只有当原始数组是连续的数字时，它才能工作，它不适用于字符串。关于如何实现这一点，我有无数的想法。我可以将数组连接到一个新的数组，直到它等于或大于所需的元素数量，然后将新的数组长度设置为所需的数量，但是是否有一种更简洁和优雅的方法呢？
IDEA 01 码页
function populateArray(qty) {
// Array to populate from
let array = [1,2,3];
//Determine the Range Length of the array and assign it to a variable
let min = array[0];
let max = array[array.length - 1];
const rangeLength = (max - min + 1);
//Initialize uniqueArray which will contain the concatenated array
let uniqueArray = [];
//Test if quantity is greater than the range length and if it is,
//concatenate the array to itself until the new array has equal number of elements or greater
if (qty > rangeLength) {
//Create an array from the expansion of the range
let rangeExpanded = Array.from(new Array(rangeLength), (x,i) => i + min);
while (uniqueArray.length < qty) {
uniqueArray = uniqueArray.concat(rangeExpanded);
}
}
// Remove additional elements
uniqueArray.length = qty
return uniqueArray;
}
console.log(populateArray(13))
IDEA 02 码页，但它用整个原始数组填充新数组13次，而不是迭代项。
// FILL A NEW ARRAY WITH N ELEMENTS FROM ANOTHER ARRAY
let array = [1,2,3];
let length = 13;
let result = Array.from( { length }, () => array );
console.log(result);
预期结果是1，2，3，2，3，1，2，3，3，1如果原始数组是由字符串组成的，那么预期的结果将是狗、猫、羊、狗
回答 3
Stack Overflow用户
发布于 2019-12-30 03:15:21
我将使用@CertainPerformance的回答。但这里有一种不同的方法，只是为了开箱即用的想法
// A function for getting an index up to length's size
function getIDX(idx, length){
return idx <= length ? idx : getIDX(idx-length, length);
}
const newArrayLength = 13;
const sourceArray = [1,2,3];
const resultArray = [];
for(let i=0; i< newArrayLength; i++){
resultArray[i]=sourceArray[getIDX(i+1, sourceArray.length)-1];
}编辑1：我比较了这种方法与这里描述的其他方法的性能，而且如果您想要创建一个非常大的新数组(例如: newArrayLength= 10000)，那么getIDX()函数需要很长时间才能完成，因为调用堆栈的大小。因此，我通过删除递归改进了getIDX()函数，现在复杂度是O(1)，请检查它：
function getIDX(idx, length){
if (length === 1) {return idx};
const magicNumber = length * (Math.ceil(idx/length)-1);
return idx - magicNumber;
}使用新的getIDX()函数，这种方法似乎是最具表现力的。您可以看看这里的测试：https://jsbench.me/v7k4sjrsuw/1
Stack Overflow用户
发布于 2019-12-30 02:14:07
您可以稍微调整一下第二个想法--计算需要重复初始数组的次数，以求出所需的总项数，然后将其和.slice压平。
let array = [1,2,3];
let length = 13;
const fromLength = Math.ceil(length / array.length);
let result = Array.from( { length: fromLength }, () => array )
.flat()
.slice(0, length);
console.log(result);
Stack Overflow用户
发布于 2019-12-30 02:44:19
您可以使用modulo操作符。特别感谢@Vlaz的缩短版本：
Array.from({ length:length }, (e, i) => array[ i % array.length ])举个例子：
let array = [1,2,3];
let length = 13;
const result = Array.from({ length:length },
(e, i) => array[ i % array.length ]);
console.log(result);
https://stackoverflow.com/questions/59529059
复制
相似问题
如何强制应用程序(如Firefox)使用特定的网络接口？
强制实际网络使用-禁用应用程序的回送接口
为特定用户更改网络接口？
用于特定接口的自动配置网络计划
如何防止NetworkManager控制特定的网络接口？
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
