how to remove undefined values from array with javascript

Question

i have tried with filter method but it removes all values. i'm getting this undefined value because of this function. I want to merge these three arrays and remove only undefined.

Example Arrays values:

let arry1= ["txt", "txt2"]; 
let arry2= ["txt"]; 
let arry3= ["txt", "txt5", "txt6"]

let c =  arry1.map(function(value, index) {
        return `${value} ${arry2[index]} ${arry3[index]}` ;
      });
c =  ['txt txt txt', 'txt2 undefined undefined']

i have this

let a = ["undefined this", "that undefined ", "undefined value undefined"]

// i want this

let a = ["this", "that", "value"]
```

"I want to merge these three arrays": Is the actual expected output the following array: ["txt txt txt", "txt2 txt5", "txt6"]? Please update your question to provide the expected output. The term "merge" is unclear as written. — jsejcksn
– jsejcksn, Commented Aug 23, 2022 at 17:56
You're reading the index from arry1 and applying it to arry2, which is why you're getting undefined in the first place. — James
– James, Commented Aug 23, 2022 at 18:02
What would be the desired output for the first example? Where does the array a come from? — trincot
– trincot, Commented Aug 23, 2022 at 18:02

Spectric · Accepted Answer · 2022-08-23 18:05:57Z

2

Map through the array and remove all occurrences of undefined, then trim the result:

let a = ["undefined this", "that undefined ", "undefined value undefined"]

const result = a.map(e => e.replaceAll("undefined", "").trim())
console.log(result)

answered Aug 23, 2022 at 18:05

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jsejcksn Over a year ago

This won't work if one of the actual values is "undefined" (it doesn't discriminate between missing values and the literal string "undefined").

Anurag Sharma · Accepted Answer · 2022-08-23 18:13:15Z

2

you can write it like this

  let a=arry1.map(function(value, index) {
    value=`${value} ${arry2[index]||""}`.trim();
    return `${value} ${arry3[index]||""}`.trim() ;
  });

edited Aug 23, 2022 at 18:13

answered Aug 23, 2022 at 18:05

Anurag Sharma

1288 bronze badges

1 Comment

Anurag Sharma Over a year ago

updated the answer this will help you to get rid of extra spaces

jsejcksn · Accepted Answer · 2022-08-23 18:13:49Z

The other answers don't discriminate between the lack of a value (undefined) at an array element vs having the literal string "undefined" at an array element.

I've explained how to accommodate for that using comments in the code below:

const array1 = ["txt", "txt2"];
const array2 = ["txt"];
const array3 = ["txt", "txt5", "txt6"];

// Collect the arrays into another array so that we can iterate over them:
const arrays = [array1, array2, array3];

// Create an array of the lengths of the arrays:
const arrayLengths = arrays.map(({length}) => length);

// Get the maximum value from the lengths:
const maxLength = Math.max(...arrayLengths);

const result = [];

// One outer loop for each index of the longest array:
for (let i = 0; i < maxLength; i += 1) {
  // A placeholder string:
  let str = '';

  // One inner loop for each of the arrays:
  for (const array of arrays) {
    // The value at the current index of the current array:
    const strOrUndefined = array[i];

    // If it's actually a string, then append a space and the string
    // to the placeholder string:
    if (typeof strOrUndefined === 'string') str += ` ${strOrUndefined}`;
  }

  // Push the placeholder string into the result array,
  // but first remove the extra space created by the first iteration:
  result.push(str.trimStart());
}

console.log(result); // ["txt txt txt", "txt2 txt5", "txt6"]

Collectives™ on Stack Overflow

how to remove undefined values from array with javascript

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related