Getting the values for a specific key from all objects in an array [duplicate]

Question

I'm running an express.js app that has a few apis feeding data to dropdown boxes. The data returned is in the form:

  [
    {
        key: 'blah',
        value: 'Blah Blah'
    },
    {
        key: 'foo',
        value: 'Foos'
    },
    {
        key: 'bar',
        value: 'Bars'
    },
    {
        key: 'baz',
        value: 'Bazingo'
    }
];

where key is my option key and value is the display text. The structure of this array is fixed and I know for a fact that I'll always have key and value as the fields in each object in the array.

When I try to validate the form submitted (additional server side validation), I'd like to cross-reference the value provided for a field against all the values for "key" in the array (blah, foo, bar, baz). Given that this is going to be a frequently used route, I'd like to avoid iterating over the array to find the permitted values, every single time. Is there a simpler way to do this? In other words, I know I can use:

 permittedValues = [];
 for (i = 0; i < array.length; i++){
    permittedValues[i] = array[i]["key"];
 }

but I'd like to avoid this for loop, if possible.

P.S: This seems to be a fundamental question and the answers I found online didn't exactly answer my question. So, apologies if this has already been asked and answered.

you can use underscore pluck, but anyway internally it'll be using some loop. — Mritunjay
– Mritunjay, Commented Aug 24, 2014 at 8:44

Rudie · Accepted Answer · 2017-09-01 16:31:37Z

93

You could map:

permittedValues = array.map(function(value) {
  return value.key;
});

In ES6/ES2015 it's even prettier with arrow functions:

permittedValues = array.map(value => value.key);

It might be prettier, but it's probably not faster than a for() loop.

edited Sep 1, 2017 at 16:31

answered Aug 24, 2014 at 8:57

Rudie

54.2k42 gold badges137 silver badges176 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:54:30Z

9

Using lodash,

Since lodash 4.x the _.pluck function has been removed in support to map function.

so you can achieve the desired task by:

import _ from 'lodash'
_.map(items, 'key');

Ref: What happened to Lodash _.pluck?

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Mar 7, 2017 at 12:25

Vraj Solanki

3594 silver badges16 bronze badges

Comments

Balaji · Accepted Answer · 2020-12-12 03:39:58Z

8

Pure Javascript ES6

array.map(value => value.key);

Underscore/Lodash

_.map(value,'key')

edited Dec 12, 2020 at 3:39

answered Dec 12, 2020 at 3:32

Balaji

11.2k5 gold badges61 silver badges53 bronze badges

Comments

Israel Ocbina · Accepted Answer · 2020-01-24 14:54:23Z

7

If you are using ES6 javascript version you can do something like the one below:

const arrayData = [
    {
        key: 'blah',
        value: 'Blah Blah'
    },
    {
        key: 'foo',
        value: 'Foos'
    },
    {
        key: 'bar',
        value: 'Bars'
    },
    {
        key: 'baz',
        value: 'Bazingo'
    }
];
const foodBar = arrayData.find(item => item.key === "baz");
const resultValue = foodBar['value']; // here the extracted value is by key

answered Jan 24, 2020 at 14:54

Israel Ocbina

5778 silver badges14 bronze badges

Comments

Jerome WAGNER · Accepted Answer · 2014-08-24 08:54:48Z

0

In the current versions of Javascript you need a loop do to it.

However you can use a module like npm `lodash' to make it look simpler

var _ = require('lodash')
var permittedValues = _.pluck(array, 'key')

link to pluck documentation

edited Aug 24, 2014 at 8:54

answered Aug 24, 2014 at 8:46

Jerome WAGNER

22.6k10 gold badges64 silver badges79 bronze badges

1 Comment

adelriosantiago Over a year ago

_.pluck is no longer a lodash function =(

Gabs00 · Accepted Answer · 2014-08-24 09:16:29Z

0

You could extract the values via map, and form them into a regex to match values against.

Example: http://repl.it/X0V

var items=
[
    {
        key: 'blah',
        value: 'Blah Blah'
    },
    {
        key: 'foo',
        value: 'Foos'
    },
    {
        key: 'bar',
        value: 'Bars'
    },
    {
        key: 'baz',
        value: 'Bazingo'
    }
];

var toReg = items.map(function(obj){
    return obj.key; 
}).join('|');
var regex = new RegExp('^('+ toReg +')$');

//To test the regex
var itemsToTest = ['blah', 'Pies', 'foo', 'Bazingo'];
itemsToTest.forEach(function(key){
   if(regex.test(key)){
       console.log(key);
   }
});

edited Aug 24, 2014 at 9:16

answered Aug 24, 2014 at 9:06

Gabs00

1,8771 gold badge13 silver badges12 bronze badges

Comments

Rohit Tagadiya · Accepted Answer · 2020-09-10 07:10:30Z

-1

Try this..

const myArray = [
    {
        key: 'blah',
        value: 'Blah Blah'
    },
    {
        key: 'foo',
        value: 'Foos'
    },
    {
        key: 'bar',
        value: 'Bars'
    },
    {
        key: 'baz',
        value: 'Bazingo'
    }
];
const resObject = myArray.find(item => item.key === "foo");
// Here you can access object which you want
console.log(resObject);

Also you can refer this answer..

Find object by id in an array of JavaScript objects

answered Sep 10, 2020 at 7:10

Rohit Tagadiya

3,7661 gold badge28 silver badges33 bronze badges

Collectives™ on Stack Overflow

Getting the values for a specific key from all objects in an array [duplicate]

7 Answers 7

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Related