Join two arrays in to one - Javascript

Question

I am trying to merge arrays in to one.

var newArray = ['11:30', '12:00','12:30', '13:00' ,'13:30', '14:00'];
result = ["10:00","16:00"];   // this is coming from my db

When i try to merge them i get 7 not sure why

var nameArr = timeBeenSelected.toString();
console.log(nameArr);
var nameArr2 = timeBeenSelected.split(',');
console.log(nameArr2);
console.log(newArray.push(result));

console.log(result); ["10:00","16:00"]

console.log(newArray); (6) ["11:30", "12:00", "12:30", "13:00", "13:30", "14:00"]

score 2 · Answer 1 · answered Jan 13 '20 at 13:06

2

Use concat instead of push to combine arrays with each other.

var nameArr = timeBeenSelected.toString();
console.log(nameArr);
var nameArr2 = timeBeenSelected.split(',');
console.log(nameArr2);
console.log(nameArr2.concat(result));

answered Jan 13 '20 at 13:06

SparkFountain

2,110
15
35

console.log(newArray.concat(result)); Uncaught TypeError: Cannot read property 'concat' of undefined – jibin george Jan 13 '20 at 13:11
11:30,12:00,12:30,13:00,13:30,14:00["10:00","16:00"] I get this – jibin george Jan 13 '20 at 13:17

Sourabh Somani · Accepted Answer · 2020-01-13T13:26:29.613

2

Here is the solution

var newArray = ['11:30', '12:00','12:30', '13:00' ,'13:30', '14:00'];
var result = ["10:00","16:00"]// Make sure whatever the data you are getting it should be JSON
//If it is in string just convert your result like as follows
//result=JSON.parse(result)

var finalResult = [...new Set([...newArray,...result])].sort()
console.log(finalResult)

Code Explanation

[...newArray,...result]//This will return joined array

Above array can be duplicate results So I am using new Set() to get unique values.

[...new Set([...newArray,...result])]

Now finally sorting the value using sort() function which is optional

edited Jan 13 '20 at 13:26

answered Jan 13 '20 at 13:06

Sourabh Somani

2,138
1
13
27

Converting to set if multiple data exists – Sourabh Somani Jan 13 '20 at 13:07
and again converting to array – Sourabh Somani Jan 13 '20 at 13:08
then sorting if you need answer sorted – Sourabh Somani Jan 13 '20 at 13:08
2

Sure @Ivar explained everything and updated the question – Sourabh Somani Jan 13 '20 at 13:18
(14) [""", ",", "0", "1", "11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "6", ":", "[", "]"] i get this var output = [...new Set([...newArray,...result])].sort(); – jibin george Jan 13 '20 at 13:19
ohhh I know why you get this – Sourabh Somani Jan 13 '20 at 13:23
1

you are getting result first do `result=JSON.parse(result)` ... And the apply this – Sourabh Somani Jan 13 '20 at 13:24
@jibingeorge Check My Commented Code – Sourabh Somani Jan 13 '20 at 13:26
[Array(8)] 0: (8) ["11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "10:00", "16:00"] length: 1 __proto__: Array(0) I get this – jibin george Jan 13 '20 at 13:27
1

`[...new Set([...newArray,...result])].sort()` Do this and you will get proper – Sourabh Somani Jan 13 '20 at 13:27
@jibingeorge This is what you want – Sourabh Somani Jan 13 '20 at 13:28
1

can i ask why you told me to put JSON.parse(result – jibin george Jan 13 '20 at 13:29
1

Yes because data which you are getting that was stringify data. and When you posted your output in comment, then from the output I got the error. – Sourabh Somani Jan 13 '20 at 14:05

score 2 · Answer 3 · answered Jan 13 '20 at 13:07

2

array1 = ['a', 'b'];
array2 = ['c', 'd'];

classic js: Just concat two arrays.

`array1.concat(array2)`

es6: you can take a glance destructering example:

unifyArr = [...array1, ...array2]

answered Jan 13 '20 at 13:07

isik_hi

89
5

score 1 · Answer 4 · answered Jan 13 '20 at 13:06

1

Using ES6, you can concatenate 2 arrays by

let newArray = ['11:30', '12:00','12:30', '13:00' ,'13:30', '14:00'];
let result = ["10:00","16:00"]
let combined = [..newArray,..result];

answered Jan 13 '20 at 13:06

deepak thomas

1,118
9
23

score 1 · Answer 5 · answered Jan 13 '20 at 13:07

1

You can merge both arrays using spread operator , Check the below snippet

var newArray = ['11:30', '12:00','12:30', '13:00' ,'13:30', '14:00'];
var result = ["10:00","16:00"]

var output = [...newArray, ...result] //without mutating the input arrays 

console.log(output) // total 8 elements

answered Jan 13 '20 at 13:07

Learner

8,379
7
44
82

(2) [Array(6), "["10:00","16:00"]"] 0: (6) ["11:30", "12:00", "12:30", "13:00", "13:30", "14:00"] 1: "["10:00","16:00"]" I get this – jibin george Jan 13 '20 at 13:12
because you are not spreading it, you are doing like this var output = [newArray, result] , you need to spread it as shown in the answer , kindly check – Learner Jan 13 '20 at 13:14
did you Run code snippet, try running the code snippet you will be able to understand easily – Learner Jan 13 '20 at 13:15
running on the code snippet it works Do i put the dots? var output = [...newArray, ...result] – jibin george Jan 13 '20 at 13:16
yes, as shown like in the answer, kindly vote and accept if it worked for you. Happy to help :) – Learner Jan 13 '20 at 13:17
If i do that i get (23) ["11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "[", """, "1", "0", ":", "0", "0", """, ",", """, "1", "6", ":", "0", "0", """, "]"] – jibin george Jan 13 '20 at 13:17
did you checked the codesnippet posted in the answer ? – Learner Jan 13 '20 at 13:18
Yes that works but not when i run it with my code – jibin george Jan 13 '20 at 13:20
the problem i think is you are spreading each character of result, is result is an array as same in the question you posted – Learner Jan 13 '20 at 13:20
i have updated the question i have added the result i get for result and newArray – jibin george Jan 13 '20 at 13:23
is the result is an array , kindly check this Array.isArray(result), if it returns true then it is array ? – Learner Jan 13 '20 at 13:27
@jibingeorge kindly create a new question since its already closed one – Learner Jan 13 '20 at 13:27

Join two arrays in to one - Javascript

5 Answers5

array1.concat(array2)

`array1.concat(array2)`