สร้างอาร์เรย์ที่มีองค์ประกอบเดียวกันซ้ำหลายครั้ง

ใน Python โดยที่[2]list คือโค้ดต่อไปนี้จะให้ผลลัพธ์นี้:

[2] * 5 # Outputs: [2,2,2,2,2]

มีวิธีง่ายๆในการทำเช่นนี้กับอาร์เรย์ใน JavaScript?

ฉันเขียนฟังก์ชันต่อไปนี้เพื่อทำ แต่มีบางสิ่งที่สั้นกว่าหรือดีกว่า

var repeatelem = function(elem, n){
    // returns an array with element elem repeated n times.
    var arr = [];

    for (var i = 0; i <= n; i++) {
        arr = arr.concat(elem);
    };

    return arr;
};

คุณสามารถทำได้เช่นนี้:

function fillArray(value, len) {
  if (len == 0) return [];
  var a = [value];
  while (a.length * 2 <= len) a = a.concat(a);
  if (a.length < len) a = a.concat(a.slice(0, len - a.length));
  return a;
}

มันเพิ่มอาร์เรย์เป็นสองเท่าในการวนซ้ำแต่ละครั้งเพื่อให้สามารถสร้างอาร์เรย์ขนาดใหญ่มากพร้อมการวนซ้ำสองสามครั้ง

หมายเหตุ: นอกจากนี้คุณยังสามารถปรับปรุงฟังก์ชันของคุณได้มากโดยใช้pushแทนconcatเช่นconcatจะสร้างอาร์เรย์ใหม่ในแต่ละการวนซ้ำ เช่นนี้ (แสดงเป็นตัวอย่างของวิธีที่คุณสามารถทำงานกับอาร์เรย์):

function fillArray(value, len) {
  var arr = [];
  for (var i = 0; i < len; i++) {
    arr.push(value);
  }
  return arr;
}

ใน ES6 ใช้อาร์เรย์เติม ()วิธีการ

Array(5).fill(2)
//=> [2, 2, 2, 2, 2]

>>> Array.apply(null, Array(10)).map(function(){return 5})
[5, 5, 5, 5, 5, 5, 5, 5, 5, 5]
>>> //Or in ES6
>>> [...Array(10)].map((_, i) => 5)
[5, 5, 5, 5, 5, 5, 5, 5, 5, 5]

คุณสามารถลอง:

Array(6).join('a').split(''); // returns ['a','a','a','a','a'] (5 times)

อัปเดต (01/06/2018) :

ตอนนี้คุณสามารถมีชุดของตัวละครซ้ำ

new Array(5).fill('a'); // give the same result as above;
// or
Array.from({ length: 5 }).fill('a')

หมายเหตุ: ตรวจสอบเพิ่มเติมเกี่ยวกับการเติม (... )และจาก (... )เพื่อความเข้ากันได้และการสนับสนุนเบราว์เซอร์

อัปเดต (05/11/2019) :

อีกวิธีหนึ่งโดยไม่ใช้fillหรือfromทำงานได้กับสตริงที่มีความยาวเท่าใดก็ได้:

Array.apply(null, Array(3)).map(_ => 'abc') // ['abc', 'abc', 'abc']

เหมือนกับข้างต้นคำตอบ การเพิ่มเพื่อความสมบูรณ์

Array.from({length:5}, i => 1) // [1, 1, 1, 1, 1]

หรือสร้างอาร์เรย์ที่มีมูลค่าเพิ่มขึ้น

Array.from({length:5}, (e, i)=>i) // [0, 1, 2, 3, 4]

ในlodashมันก็ไม่ได้แย่ขนาดนั้น:

_.flatten(_.times(5, function () { return [2]; }));
// [2, 2, 2, 2, 2]

แก้ไข : ดียิ่งขึ้น:

_.times(5, _.constant(2));
// [2, 2, 2, 2, 2]

แก้ไข : ดียิ่งขึ้น:

_.fill(Array(5), 2);

[c] * n สามารถเขียนเป็น:

Array(n+1).join(1).split('').map(function(){return c;})

ดังนั้นสำหรับ [2] * 5

Array(6).join(1).split('').map(function(){return 2;})

คุณยังสามารถขยายการทำงานของ Array ได้เช่น:

Array.prototype.fill = function(val){
    for (var i = 0; i < this.length; i++){
        this[i] = val;
    }
    return this;
};
// used like:
var arry = new Array(5)​.fill(2);
// or
var arry = new Array(5);
arry.fill(2);


​console.log(arry);​ //[2, 2, 2, 2, 2] 

ฉันควรทราบว่าการขยายการทำงานของวัตถุในตัวอาจทำให้เกิดปัญหาได้หากคุณทำงานกับห้องสมุดบุคคลที่สาม ชั่งน้ำหนักสิ่งนี้เป็นการตัดสินใจของคุณเสมอ

ใน Node.js REPL:

> Array.from({length:5}).map(x => 2)
[ 2, 2, 2, 2, 2 ]

ในกรณีที่คุณจำเป็นต้องทำซ้ำอาร์เรย์หลายครั้ง:

var arrayA = ['a','b','c'];
var repeats = 3;
var arrayB = Array.apply(null, {length: repeats * arrayA.length})
        .map(function(e,i){return arrayA[i % arrayA.length]});
// result: arrayB = ['a','b','c','a','b','c','a','b','c']

แรงบันดาลใจจากคำตอบนี้

ไม่มีวิธีที่ง่ายกว่า คุณต้องสร้างการวนซ้ำและผลักองค์ประกอบเข้าไปในอาร์เรย์

ใช้ฟังก์ชั่นนี้:

function repeatElement(element, count) {
    return Array(count).fill(element)
}

>>> repeatElement('#', 5).join('')
"#####"

หรือสำหรับรุ่นกะทัดรัดยิ่งขึ้น:

const repeatElement = (element, count) =>
    Array(count).fill(element)

>>> repeatElement('#', 5).join('')
"#####"

หรือสำหรับเวอร์ชันแกงกะหรี่:

const repeatElement = element => count =>
    Array(count).fill(element)

>>> repeatElement('#')(5).join('')
"#####"

คุณสามารถใช้ฟังก์ชั่นนี้กับรายการ:

const repeatElement = (element, count) =>
    Array(count).fill(element)

>>> ['a', 'b', ...repeatElement('c', 5)]
['a', 'b', 'c', 'c', 'c', 'c', 'c']

หากคุณต้องการทำซ้ำอาร์เรย์ให้ใช้ดังต่อไปนี้

Array.from({ length: 3 }).fill(['a','b','c']).flat()

จะกลับมา

Array(9) [ "a", "b", "c", "a", "b", "c", "a", "b", "c" ]

อีกหนึ่งซับ:

Array.prototype.map.call([]+Array(5+1),function(){ return '2'; })

ฟังก์ชันนี้สร้างอาร์เรย์ขององค์ประกอบ (ความยาว) ที่แต่ละองค์ประกอบเท่ากับ (ค่า) ตราบเท่าที่ (ค่า) เป็นจำนวนเต็มหรือสตริงของจำนวนเต็ม เลขทศนิยมใด ๆ จะถูกปัดเศษ หากคุณต้องการตัวเลขทศนิยมให้แทนที่"parseInt ( " ด้วย " parseFloat ( "

function fillArray(length, intValue) {
     var vals = (new Array(length + 1)).join(intValue + '|').split('|').slice(0,length);
     for(var i = 0; i < length; i += 1) {
         vals[i] = parseInt(vals[i]);
     }
     return vals;
}

ตัวอย่าง:

fillArray(5, 7) // returns [7,7,7,7,7]
fillArray(5, 7.5) // returns [7,7,7,7,7]
fillArray(5, 200) // returns [200,200,200,200,200]

ฉันมีปัญหากับวิธีการดังกล่าวเมื่อฉันใช้อาร์เรย์เช่น

var array = ['foo', 'bar', 'foobar'];
var filled = array.fill(7);

//filled should be ['foo', 'bar', 'foobar', 'foo', 'bar', 'foobar', 'foo']

เพื่อให้ได้สิ่งนี้ฉันกำลังใช้:

Array.prototype.fill = function(val){
    var l = this.length;
    if(l < val){
        for(var i = val-1-l; i >= 0; i--){
            this[i+l] = this[i % l];
        }
    }
    return this;
};

ฉันค้นพบสิ่งนี้ในวันนี้ในขณะที่พยายามสร้างอาร์เรย์ 2D โดยไม่ใช้ลูป ในการหวนกลับการเข้าร่วมอาร์เรย์ใหม่นั้นเรียบร้อย ฉันลองแมปอาเรย์ใหม่ซึ่งใช้งานไม่ได้ในแผนที่ข้ามสล็อตว่าง

"#".repeat(5).split('').map(x => 0)

อักขระ "#" สามารถเป็นอักขระเดี่ยวที่ใช้ได้ 5 จะเป็นตัวแปรสำหรับจำนวนองค์ประกอบที่คุณต้องการ 7 จะเป็นค่าที่คุณต้องการเติมอาเรย์ของคุณ

วิธีการเติมแบบใหม่นั้นดีกว่าและเมื่อฉันเขียนมันฉันไม่รู้ว่ามันมีอยู่จริง ฉันจะเขียนโพสต์บล็อกเกี่ยวกับการใช้เคล็ดลับนี้ควบคู่ไปกับการลดการทำสิ่งดีๆ

http://jburger.us.to/2016/07/14/functionally-create-a-2d-array/

ลองสิ่งนี้:

"avinash ".repeat(5).trim().split(" ");

หากคุณใช้เข็มขัด utlity เช่น lodash / underscore คุณสามารถทำได้เช่นนี้ :)

let result = _.map(_.times(foo), function() {return bar})

สามารถใช้เป็นหนึ่งซับได้เช่นกัน:

function repeat(arr, len) {
    while (arr.length < len) arr = arr.concat(arr.slice(0, len-arr.length));
    return arr;
}

การปรับปรุงคำตอบของวิเวกเป็นการทำงานกับสตริงที่มีความยาวใด ๆ เพื่อเติมอาเรย์ของความยาว n:Array(n+1).join('[string to be repeated][separator]').split('[separator]').slice(0, n)

ฉันต้องการวิธีในการทำซ้ำ / วนรอบอาร์เรย์ (มีรายการ n) m ครั้ง

ตัวอย่างเช่นการกระจายรายชื่อ (ของบุคคล) ไปยังสัปดาห์ / เดือน สมมติว่าฉันมี 3 ชื่อและฉันต้องการให้พวกเขาทำซ้ำในหนึ่งสัปดาห์:

fillArray(["Adam", "Blair", "Curtis"], 7); // returns ["Adam", "Blair", "Curtis", "Adam", "Blair", "Curtis", "Adam"]

function fillArray(pattern, count) {
    let result = [];
    if (["number", "string"].includes(typeof pattern)) {
        result = new Array(5);
        result.fill(pattern);
    }
    else if (pattern instanceof Array) {
        for (let i = 0; i < count; i++) {
            result = result.concat(pattern);
        }
        result = result.slice(0, count);
    }
    return result;
}

fillArray("a", 5);        // ["a", "a", "a", "a", "a"]
fillArray(1, 5);          // [1, 1, 1, 1, 1]
fillArray(["a", "b"], 5); // ["a", "b", "a", "b", "a"]