Extracting array elements and pushing them into the same array can be achieved using ES6

Question

Extracting array elements and pushing them into the same array can be achieved using ES6

So I have this nested array:

a1 = ['one', 'two', ['three', 'four']];

My goal is to extract the elements 'three' and 'four' from the child array and combine them with the parent array as a single string like so:

a2 = ['one', 'two', 'three, four'];

I'm wondering if there's an ES6 solution for this. And also, please note that there should be a space between 'three' and 'four' in the final array.

javascript arrays angular typescript

Answer 1

Answer №1

To achieve this, utilize the map() method along with conditional implementation of join() for the subarray's values:

   const array = ['apple', 'banana', ['orange', 'grape']];
   const newArray = array.map(item => Array.isArray(item) ? item.join(', ') : item);

   console.log(newArray);

Answer 2

To achieve this, utilize the map() method along with conditional implementation of join() for the subarray's values:

   const array = ['apple', 'banana', ['orange', 'grape']];
   const newArray = array.map(item => Array.isArray(item) ? item.join(', ') : item);

   console.log(newArray);

Extracting array elements and pushing them into the same array can be achieved using ES6

Answer №1

Similar questions

Having trouble with implementing the .addclass function in a dice roller project

Using AngularFire2 to manage your data services?

Validating the body in Node.js for POST and PUT requests

Is there a way to incorporate a trace in Plotly while also arranging each data point along the x-axis in a unique custom order?

Ways to implement a loading template with OnPush change detection technique

Encountering difficulties with the functionality of Google Places API

I'm curious about why the value of my variable in service.ts keeps changing whenever the page is refreshed?

The directive is becoming unbound

I am having difficulty accessing the dataset on my flashcard while working with React/Next JS

Enhancing the appearance of HTML code within x-template script tags in Sublime Text 3 with syntax highlighting

Encountering a build error while using npm and node-gyp

Utilizing Ajax looping to generate dynamic HTML content with Bootstrap tabs

Utilizing the multer Express middleware in a standalone file

A type error was thrown: $.ajax function does not exist within another function

Having trouble debugging the current TypeScript file in VS Code because the corresponding JavaScript file is missing

Specialized hover mission

Troubleshooting the issue with dynamically adding form fields in AngularJS

Is there a method to refresh the Monaco editor or clear existing models within it?

Pausing or buffering an RxJS 6 observable when the page is inactive

What is the best way to invoke a function that is declared within a React component in a TypeScript class?