Search jQuery

jQuery Forum

Getting Started

SunMoon

How to compare two arrays and get index in the form of an array?

in Getting Started • 6 months ago

Here are two arrays:

arrayOne = [a, b, d, g, k] arrayTwo = [a, b, c, d, e, f, g, h, i, j, k]

Since these two arrays have some elements in common, I want to get the index of [a, b, d, g, k] in arrayTwo, and then put those index to an array. Is there any way to do it?

Replies(7)

jakecigar

Re: How to compare two arrays and get index in the form of an array?

6 months ago

arrayThree=arrayOne.map(v=>arrayTwo.indexOf(v))

JΛ̊KE

SunMoon

Re: How to compare two arrays and get index in the form of an array?

6 months ago

Thanks a lot, jakecigar. Your solution WOWS me! If possible, I would like to ask you another question deriving from the previous one. This time, I add one more array, so there are four arrays:

arrayOne = [a, b, d, g, k] arrayTwo = [a, b, c, d, e, f, g, h, i, j, k] arrayThree = [0,1,3,6,10]

arrayFour = [ m, n, o, p, q, r, s, t, u, v, w]

❇ ❇ ❇ ❇ ❇ ❇

Now, if I create a div with id in arrayOne, how to use arrayThree elements as index to append arrayFour elements to the div?

For example, if I use "a" in arrayOne as a div id, its index in arrayTwo is "0", and I want to append arrayFour[0] to the div to get a result like this: <div id="a"> m </div>

Is there any way to make it possible?

jakecigar

Re: How to compare two arrays and get index in the form of an array?

6 months ago

arrayOne = ["a", "b", "d", "g", "k", "zz"]
arrayTwo = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k"]
arrayFour = ["m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w"]
html = arrayOne.map(v =>
`<div id="${v}">${arrayFour[arrayTwo.indexOf(v)]}</div>`
).join("\r")

JΛ̊KE

SunMoon

Re: Re: How to compare two arrays and get index in the form of an array?

6 months ago

Jesus Christ, Jake. What a prompt reply! Thank you!

SunMoon

Re: How to compare two arrays and get index in the form of an array?

6 months ago

Hi, Jake, sorry to bother you again. I tried many ways to run the code you showed me, and it seems if I use document.write(html); to run the code, everything in HTML will be overwritten.

I wonder if there is any ways to run your code since the divs are dynamically created.

The codes you showed me: