• 0

JS Array Mix


Question

If I had 2 arrays that looked like this:

 

["1", "2", "3", "4", "5"]

and

["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"]

 

and I wanted to make it end up like this:

["A", "1", "B", "2", "C", "3", "C", "4", "E", "5", "F", "G", "H", "I", "J", "K"]

 

What would be the easiest way to do it in JS, especially assuming that we may never know the length of the first two arrays?  It should also allow duplicates.

 

Thank you.

Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/
Share on other sites

7 answers to this question

Recommended Posts

  • 0

I've found the solution:

 

var arr1 = ["1", "2", "3", "4", "5"],
    arr2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"],
    arr3 = [],
    arrLen = Math.min(arr1.length, arr2.length);
    
for (i = 0; i < arrLen; i++) {
    result.push(arr1[i], arr2[i]);
}

arr3.push(...arr1.slice(arrLen), ...arr2.slice(arrLen));
console.log(arr3);

 

  • Like 1
Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769185
Share on other sites

  • 0

Your code seems way too complicated for no reason. Here's a better solution if you don't mind modifying the source arrays

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];
let array3 = [];

while (array1.length > 0 || array2.length > 0)
{

	if (array1.length > 0)  array3.push(array1.shift())
	if (array2.length > 0)  array3.push(array2.shift())

}

 

 

Edited by PmRd
  • Like 1
  • Thanks 1
Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769186
Share on other sites

  • 0
  On 16/10/2022 at 03:23, PmRd said:

Your code doesn't work and seems way too complicated for no reason. Here's a better solution if you don't mind modifying the source arrays

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];
let array3 = [];

while (array1.length > 0 || array2.length > 0)
{

	if (array1.length > 0)  array3.push(array1.shift())
	if (array2.length > 0)  array3.push(array2.shift())

}

 

 

Expand  

Thank you. Your method is much more elegant

  • Like 2
Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769189
Share on other sites

  • 0
  On 16/10/2022 at 03:30, Brian Miller said:

Thank you. Your method is much more elegant

Expand  

If you want the source arrays to remain intact you can do this instead

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];

function mix(arr1, arr2) {
  
    let array1clone = [...arr1];
    let array2clone = [...arr2];
  
    let result = [];
  
    while (array1clone.length > 0 || array2clone.length > 0)
    {

      if (array1clone.length > 0)  result.push(array1clone.shift())
      if (array2clone.length > 0)  result.push(array2clone.shift())

    }
  
    return result;
  
}

console.log(mix(array1, array2));

 

  • Like 1
Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769190
Share on other sites

  • 0
  On 16/10/2022 at 03:35, PmRd said:

If you want the source arrays to remain intact you can do this instead

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];

function mix(arr1, arr2) {
  
    let array1clone = [...arr1];
    let array2clone = [...arr2];
  
    let result = [];
  
    while (array1clone.length > 0 || array2clone.length > 0)
    {

      if (array1clone.length > 0)  result.push(array1clone.shift())
      if (array2clone.length > 0)  result.push(array2clone.shift())

    }
  
    return result;
  
}

console.log(mix(array1, array2));

 

Expand  

I like that. Thank you

Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769191
Share on other sites

  • 0

Here's a fancy-pants version that supports an arbitrary number of arrays and also sparse arrays:

 

function mixArrays(...arrays) {

    const arrayLengths = arrays.map(array => array.length);
    const maxLength = Math.max(...arrayLengths);
    
    let result = [];

    for (let index = 0; index < maxLength; index++) {
        for (let array of arrays) {
            if (index in array) {
                result.push(array[index]);
            }
        }       
    }

    return result;
}

 

Example with two arrays:

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];
let array3 = ["a", "b", "c"];

mixArrays(array1, array2);
// ['1', 'A', '2', 'B', '3', 'C', '4', 'D', '5', 'E', 'F', 'G', 'H', 'I', 'J', 'K']

 

Three arrays:

 

mixArrays(array1, array2, array3);
// ['1', 'A', 'a', '2', 'B', 'b', '3', 'C', 'c', '4', 'D', '5', 'E', 'F', 'G', 'H', 'I', 'J', 'K']

 

And sparse arrays:

 

array1[8] = "8";

mixArrays(array1, array2);
// ['1', 'A', '2', 'B', '3', 'C', '4', 'D', '5', 'E', 'F', 'G', 'H', '8', 'I', 'J', 'K']

 

  • Like 1
Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769244
Share on other sites

  • 0
  On 16/10/2022 at 12:39, DonC said:

Here's a fancy-pants version that supports an arbitrary number of arrays and also sparse arrays:

 

function mixArrays(...arrays) {

    const arrayLengths = arrays.map(array => array.length);
    const maxLength = Math.max(...arrayLengths);
    
    let result = [];

    for (let index = 0; index < maxLength; index++) {
        for (let array of arrays) {
            if (index in array) {
                result.push(array[index]);
            }
        }       
    }

    return result;
}

 

Example with two arrays:

 

let array1 = ["1", "2", "3", "4", "5"];
let array2 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];
let array3 = ["a", "b", "c"];

mixArrays(array1, array2);
// ['1', 'A', '2', 'B', '3', 'C', '4', 'D', '5', 'E', 'F', 'G', 'H', 'I', 'J', 'K']

 

Three arrays:

 

mixArrays(array1, array2, array3);
// ['1', 'A', 'a', '2', 'B', 'b', '3', 'C', 'c', '4', 'D', '5', 'E', 'F', 'G', 'H', 'I', 'J', 'K']

 

And sparse arrays:

 

array1[8] = "8";

mixArrays(array1, array2);
// ['1', 'A', '2', 'B', '3', 'C', '4', 'D', '5', 'E', 'F', 'G', 'H', '8', 'I', 'J', 'K']

 

Expand  

Thank you, that is totally fancy pants!!! :D

 

Link to comment
https://www.neowin.net/forum/topic/1422426-js-array-mix/#findComment-598769384
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • About that Trump's mobile 🤣🤣🤣  
    • AliExpress faces EU crackdown, makes promises to fight illegal products by Paul Hill The European Commission has taken two significant actions against the Chinese online marketplace AliExpress under the Digital Services Act (DSA) in a bid to enhance user and consumer safety online. The first action was to get AliExpress to commit to several legally binding commitments to address issues related to advertising and recommender systems. The second action was the publication of preliminary findings which found that AliExpress had breached obligations regarding the spread of illegal products. AliExpress can now respond to the Commission but if the broken rules are confirmed then AliExpress can expect to be fined. The Digital Services Act is a new tool that the EU has to regulate large online platforms. It aims to level the business playing field, protect fundamental rights of users, create a safer digital space, and improve transparency from businesses. AliExpress's pledges: More transparency, safer shopping As part of the pledges made by AliExpress, it will do more to monitor and detect illegal products such as medicines, food supplements, and adult material propagated through hidden links and affiliate programs. To help flag illegal items, AliExpress has promised to improve its notice and action mechanism. Other pledges include enhancements to the internal complaint handling system; more transparency for advertising and recommender systems; better traceability of traders on the platform; and improved data access for researchers. By implementing these rules, the European Commission hopes it can make AliExpress safer for registered and non-registered users by limiting the exposure to illegal content. Deep dive into AliExpress's alleged failures With regards to the preliminary findings, the Commission found that AliExpress had underestimated the risks because it had not allocated enough resources to moderation systems for illegal products. It also found that the company had failed to consistently enforce its penalty policy against those publishing illegal content. The Commission also discovered systemic failures in AliExpress’s proactive content moderation systems that allowed malicious traders to continue to operate or start operating on the platform. AliExpress is designated as a Very Large Online Platform (VLOP) which means it has to meet certain standards set out by the EU. The aforementioned violations are against the quality of operation that the EU expects from VLOPs. The company now has the right to defend itself against the EC’s findings, it can examine the documents and reply in writing, but if the findings are confirmed, AliExpress could face fines and be required to submit an action plan.
    • Author/Neowin... The title is incorrect and misleading... By the official blog post, it's not "indefinitely". There's a clear statement that development continues with a few specific target areas, and a new release date TBD and announced later. If it is later announced to be cancelled or delayed indefinitely, that's another story.
    • I hate Microsoft. My parents almost lost all drive content. As senior citizens they are unable to follow constant "improvements" Microsoft is dropping on its users. My mother's laptop is normally unlocked with a PIN. It is unexplicable for non-It person, that there is some cloud mictosoft account, that has a different password than the Pin and user ID is e-mail, but not necessarily normal Gmail addree, and even if the person knows this email address the password is not the password used for this email account. Just too much of twists. Suddenly her laptop ordered entering "decryption key" before booting. It was miracle we managed to guess email address associated with the PC that was used for Microsoft account. She would had lost everything on the drive. Why are they doing this? Privacy may be important for some people, but data loss is much more important for most of the people.
  • Recent Achievements

    • First Post
      xuxlix earned a badge
      First Post
    • First Post
      Tomek Święcicki earned a badge
      First Post
    • One Year In
      carlitin86 earned a badge
      One Year In
    • Reacting Well
      Peterlll06 earned a badge
      Reacting Well
    • Week One Done
      Peterlll06 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      674
    2. 2
      ATLien_0
      283
    3. 3
      Michael Scrip
      226
    4. 4
      +FloatingFatMan
      192
    5. 5
      Steven P.
      145
  • Tell a friend

    Love Neowin? Tell a friend!