Conditionally Add an Object to an Array in JavaScript

To conditionally add an object to an array in JavaScript, you can use if in combination with push() or concat().

const array = [{ name: 'Test' }, { name: 'John' }];
if (array.length < 5) {
  array.push({ name: 'pass' });
}

let array2 = [{ name: 'Test' }, { name: 'John' }];
if (array2.length < 5) {
  array2 = array2.concat([{ name: 'pass' }]);
}

Immutable Patterns with Spread Operator

If you are using immutable patterns, use the spread operator with the ternary operator.

let array2 = [{ name: 'Test' }, { name: 'John' }];

array2 = [
  ...array2,
  // If `array2.length < 5`, add element to array. Otherwise add nothing.
  ...(array2.length < 5 ? [{ name: 'pass' }] : [])
];

---

More Fundamentals Tutorials

• The `setTimeout()` Function in JavaScript
• JavaScript Array flatMap()
• How to Get Distinct Values in a JavaScript Array
• Check if a Date is Valid in JavaScript
• Encode base64 in JavaScript
• Check if URL Contains a String
• JavaScript Add Month to Date