JSFiddle - React, Tailwind, and code Playground

by infralabs

HTML

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

JavaScript

/*
this is a test of dropWhile lodash method
https://lodash.com/docs#dropWhile
using the `_.property` callback shorthand

should the method excluding elements of array where property callback is truthy
and returning these ones where callback is falsey?
*/

console.clear();

var users = [];

users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': true }
];
console.log(
    _.pluck(_.dropWhile(users, 'active'), 'user')
);
// → ['barney', 'fred', 'pebbles']
// should the result be like ['barney', 'fred'] ?

users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': true },
  { 'user': 'pebbles', 'active': false }
];
console.log(
    _.pluck(_.dropWhile(users, 'active'), 'user')
);
// → ['barney', 'fred', 'pebbles']
// should the result be like ['barney', 'pebbles'] ?

users = [
  { 'user': 'barney',  'active': true },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': true }
];  
console.log(
    _.pluck(_.dropWhile(users, 'active'), 'user')
);
// → ['fred', 'pebbles']
// should the result be like ['fred'] ?

users = [
  { 'user': 'barney',  'active': true },
  { 'user': 'fred',    'active': true },
  { 'user': 'pebbles', 'active': true }
];
console.log(
    _.pluck(_.dropWhile(users, 'active'), 'user')
);
// → []
// this result seems to be ok

users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': false }
];
console.log(
    _.pluck(_.dropWhile(users, 'active'), 'user')
);
// → ['barney', 'fred', 'pebbles']
// this result seems to be ok