Check array values in object, if has key, then push a new array

Question

I am trying to achieve that, fruits is checked in onTruck to find the existing keys, then push to a new array. Since they are different length, I am stuck on how to loop them.

var fruits = ['apple', 'orange', 'banana']

var onTruck = {
    'apple': 100,
    'orange': 200,
    'banana': 500,
    'pineapple': 5,
    'mango': 'empty'
    }

let arr = []

Object.keys(onTruck).forEach((e, i) => {
  console.log(e === fruit[]) <- Need to loop fruit  
  arr.push[...]
})

// OUTPUT: 
arr = [['apple', '100'],['orange', '200'], ['banana', '500'] ]

Pranav C Balan · Accepted Answer · 2019-03-26 06:40:10Z

3

Use Array#map method to generate a new array based on the key element array.

var fruits = ['apple', 'orange', 'banana']

var onTruck = {
  'apple': 100,
  'orange': 200,
  'banana': 500,
  'pineapple': 5,
  'mango': 'empty'
}


var arr = fruits.map(v => [v, onTruck[v]]);

// in case some fields may miss in onTruck then add an additional filter
var arr1 = fruits.filter(v => v in onTruck).map(v => [v, onTruck[v]]);
// or with reduce
var arr2 = fruits.reduce((a, v) => v in onTruck ? [...a, [v, onTruck[v]]] : a, []);


console.log(arr)
console.log(arr1)
console.log(arr2)

FYI : If you want to ignore properties which is not number or value is empty then use an additional filter condition(or filter).

For avoiding non digit values : !isNaN(onTruck[v])

For avoiding property with value 'empty' : onTruck[v] !== 'empty'

For eg:

var arr = fruits.filter(v => v in onTruck && !isNaN(onTruck[v])).map(v => [v, onTruck[v]]);

edited Mar 26, 2019 at 6:40

answered Mar 26, 2019 at 5:17

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

5 Comments

TAB Over a year ago

mango will also be a part of your array, which should not be.

TAB Over a year ago

var arr2 = fruits.reduce((a, v) => v in onTruck && !isNaN(onTruck[v]) ? [...a, [v, onTruck[v]]] : a, []);

Pranav C Balan Over a year ago

@TAB : it's completely worked based on var fruits = ['apple', 'orange', 'banana']

TAB Over a year ago

Add mango in fruits. It will add empty fruit in resultant array.

Pranav C Balan Over a year ago

@TAB : that's right mate, but we don't know the expected result... anyways I'd added it as side note in answer

Amardeep Bhowmick · Accepted Answer · 2019-03-26 05:19:39Z

1

You can simplify the code by using Array.filter and Array.map:

var fruits = ['apple', 'orange', 'banana'];
var onTruck = {
    'apple': 100,
    'orange': 200,
    'banana': 500,
    'pineapple': 5,
    'mango': 'empty'
}
const result = Object.keys(onTruck)
                     .filter((fruit) => fruits.includes(fruit))
                     .map((fruit) => [fruit, onTruck[fruit]]);
console.log(result);

answered Mar 26, 2019 at 5:19

Amardeep Bhowmick

17k3 gold badges33 silver badges46 bronze badges

Comments

trk · Accepted Answer · 2019-03-26 05:22:39Z

0

var newArray = fruits.filter(function(fruit) {
  return fruit in onTruck;
}).map(function(fruit) {
  return [fruit, onTruck[fruit]]
});

Should work. Basically, I am filtering fruits existing in onTruck and then constructing the required array through the map function.

answered Mar 26, 2019 at 5:22

trk

2,23815 silver badges21 bronze badges

Comments

TAB · Accepted Answer · 2019-03-26 05:56:44Z

0

var fruits = ['apple', 'orange', 'banana']

var onTruck = {
    'apple': 100,
    'orange': 200,
    'banana': 500,
    'pineapple': 5,
        'mango': 'empty'
    }

let arr = fruits.reduce((arr,b) => {
    if (!isNaN(onTruck[b])){
        arr.push([b, onTruck[b]]);
        return arr;
    } else return arr;

    },[])



console.log(arr)

edited Mar 26, 2019 at 5:56

answered Mar 26, 2019 at 5:50

TAB

2,16410 gold badges31 silver badges48 bronze badges

Collectives™ on Stack Overflow

Check array values in object, if has key, then push a new array

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related