Array filter data in javascript

Question

I have working array filter using javascript and lodash. I want to converts array of array into a single array. Anyone can you tell converts in single array.

Input data

const inputData = [
  [
    { 'Tempe(C)': 12 },
    { 'Tempe(C)': 13 },
    { 'Tempe(C)': 14 },
    { 'Tempe(C)': 15 }
  ],
  [
    { 'Tempe(C)': 22 },
    { 'Tempe(C)': 23 },
    { 'Tempe(C)': 24 },
    { 'Tempe(C)': 25 }
  ],
  [
    { 'Tempe(C)': 32 },
    { 'Tempe(C)': 33 },
    { 'Tempe(C)': 34 },
    { 'Tempe(C)': 35 }
  ],
];

I want this structure of output

const outputData = [
  [12, 13, 14, 15],
  [22, 23, 24, 25],
  [32, 33, 34, 35],      
];

adiga · Accepted Answer · 2019-04-17 08:35:24Z

4

You could use Object.values and map

const inputData = [[{"Tempe(C)":12},{"Tempe(C)":13},{"Tempe(C)":14},{"Tempe(C)":15}],[{"Tempe(C)":22},{"Tempe(C)":23},{"Tempe(C)":24},{"Tempe(C)":25}],[{"Tempe(C)":32},{"Tempe(C)":33},{"Tempe(C)":34},{"Tempe(C)":35}]];
const output = inputData.map(arr => arr.map(a => Object.values(a)[0]))
console.log(output)

If flat is supported in your browser:

const inputData = [[{"Tempe(C)":12},{"Tempe(C)":13},{"Tempe(C)":14},{"Tempe(C)":15}],[{"Tempe(C)":22},{"Tempe(C)":23},{"Tempe(C)":24},{"Tempe(C)":25}],[{"Tempe(C)":32},{"Tempe(C)":33},{"Tempe(C)":34},{"Tempe(C)":35}]]
const output = inputData.map(arr => arr.map(Object.values).flat())

console.log(output)

(This works for any key. If the key is always Tempe(C), @eol's answer is a much better option)

edited Apr 17, 2019 at 8:35

answered Apr 17, 2019 at 8:22

adiga

35.4k9 gold badges65 silver badges88 bronze badges

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

3 Comments

Ragu Over a year ago

i had faced this type of error : TypeError: arr.map(...).flat is not a function .............this way is working well : inputData.map(arr => arr.map(data => data['Tempe(C)']));

adiga Over a year ago

@ragu flat is not supported in your browser. Updated with another option

Ragu Over a year ago

This way also working well : inputData.map(arr => arr.map(a => Object.values(a)[0]))

eol · Accepted Answer · 2019-04-17 08:23:25Z

2

If Tempe(C) is always the key for the values, you can simply do:

const inputData=[[{"Tempe(C)":12},{"Tempe(C)":13},{"Tempe(C)":14},{"Tempe(C)":15}],[{"Tempe(C)":22},{"Tempe(C)":23},{"Tempe(C)":24},{"Tempe(C)":25}],[{"Tempe(C)":32},{"Tempe(C)":33},{"Tempe(C)":34},{"Tempe(C)":35}]];

const output = inputData.map(arr => arr.map(data => data['Tempe(C)']));

console.log(output)

answered Apr 17, 2019 at 8:23

eol

24.7k6 gold badges53 silver badges72 bronze badges

Comments

iliasse · Accepted Answer · 2019-04-17 08:29:21Z

0

Hi Ragu here is how you can achieve the wanted result :

var inputData = [
    [
      { 'Tempe(C)': 12 },
      { 'Tempe(C)': 13 },
      { 'Tempe(C)': 14 },
      { 'Tempe(C)': 15 }
    ],
    [
      { 'Tempe(C)': 22 },
      { 'Tempe(C)': 23 },
      { 'Tempe(C)': 24 },
      { 'Tempe(C)': 25 }
    ],
    [
      { 'Tempe(C)': 32 },
      { 'Tempe(C)': 33 },
      { 'Tempe(C)': 34 },
      { 'Tempe(C)': 35 }
    ],
  ];

var newstructure = [];

for(var i in inputData){
    newstructure[i] = [];
    for(var j in inputData[i]){
        newstructure[i][j] = inputData[i][j]["Tempe(C)"];
    }
}

answered Apr 17, 2019 at 8:29

iliasse

2571 silver badge7 bronze badges

Comments

Ori Drori · Accepted Answer · 2019-04-23 04:48:58Z

With lodash you can use nested _.map() calls to get the result:

const data = [[{"Tempe(C)":12},{"Tempe(C)":13},{"Tempe(C)":14},{"Tempe(C)":15}],[{"Tempe(C)":22},{"Tempe(C)":23},{"Tempe(C)":24},{"Tempe(C)":25}],[{"Tempe(C)":32},{"Tempe(C)":33},{"Tempe(C)":34},{"Tempe(C)":35}]]

const result =  _.map(data, o => _.map(o, 'Tempe(C)'))

console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

And the same idea using lodash/fp:

const fn = _.map(_.map('Tempe(C)'))

const data = [[{"Tempe(C)":12},{"Tempe(C)":13},{"Tempe(C)":14},{"Tempe(C)":15}],[{"Tempe(C)":22},{"Tempe(C)":23},{"Tempe(C)":24},{"Tempe(C)":25}],[{"Tempe(C)":32},{"Tempe(C)":33},{"Tempe(C)":34},{"Tempe(C)":35}]]

const result = fn(data)

console.log(result)

<script src='https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)'></script>

Collectives™ on Stack Overflow

Array filter data in javascript

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related