Lodash Pluck And Where Method Example -Tutorial Savvy

lodash provides many utility methods for JavaScript developer.

pluck() method is used for get the values of keys from a collection/array.

where() method returns an array of element with matching property values.

In this demo, “We will learn to use the methods pluck and where in lodash utility library”.

The following code shows the use of _.pluck() and _.where() method to work with student object array.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>lodash pluck and where method</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.1.0/lodash.min.js"></script>
</head>
<body>
<script>
    var studentArray=[
        {name:"Sandeep",score:34},
        {name:"John",score:31},
        {name:"Smith",score:23},
        {name:"Rohan",score:39},
        {name:"Suresh",score:23},
        {name:"Surabhi",score:34},
        {name:"Sangeeta",score:31},
        {name:"Sumanta",score:20},
        {name:"Priya",score:39},
        {name:"poonam",score:23}
    ];
    console.log("pluck all student names: ",_.pluck(studentArray, 'name'));
    console.log("student with score 34: ",_.where(studentArray, { 'score': 34 }));
    console.log("pluck student names with score 23: ",_.pluck(_.where(studentArray, { 'score': 23 }), 'name'));
</script>
</body>
</html>

The output of the above code can be found in the following JSBIN link. lodash pluck and where method
Below screenshot shows the output of above code in a Chrome developer console.

Lodash Pluck And Where Method Example

Related

Sandeep