tiagomatosweb/10-funcoes-imperdiveis-do-lodash.html

## 10-funcoes-imperdiveis-do-lodash.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>10 Funções imperdíveis do lodash</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
</head>
<body>
<input type="text" id="search">

<script type="text/javascript">
    // _.assign()
    var movie = { name: 'Game of Thrones' };
    var result = _.assign({ ticket_price: '$20', season: 8 }, movie);
   console.log(result);

    //_.times()
    function number() {
        return Math.random() * 100;
    }
    var result = _.times(5, number);
   console.log(result);

    //_.debounce()
    function search() {
        // chamada ajax
        console.log('Searching ...');
    }
    var inputSearch = document.getElementById('search');
    inputSearch.addEventListener('keyup', _.debounce(search, 800));

    //_.find()
    var users = [
        { name: 'Tiago Matos', age: 20, gender: 'male' },
        { name: 'Jon Snow', age: 18, gender: 'male' },
        { name: 'Wonder woman', age: 22, gender: 'female' },
        { name: 'Tiago Matos', age: 20, gender: 'male' },
        { name: 'Jon Snow', age: 18, gender: 'male' },
        { name: 'Wonder woman', age: 22, gender: 'female' },
        { name: 'Tiago Matos', age: 20, gender: 'male' },
        { name: 'Jon Snow', age: 18, gender: 'male' },
        { name: 'Wonder woman', age: 22, gender: 'female' },
    ];
    var result = _.find(users, o => o.name === 'Tiago Matos');
   console.log(result);

    //_.filter()
    var result = _.filter(users, o => o.age >= 20);
   console.log(result);

    //_.forEach()
    var wonderWoman = { name: 'Wonder woman', age: 22, gender: 'female' };
   _.forEach(wonderWoman, o => {
       console.log(o);
   });

    //_.map()
    var result = _.map(users, 'name');
   console.log(result);

    //_.first()
    var result = _.first(users);
   console.log(result);

    //_.last()
    var result = _.last(users);
   console.log(result);

    //_.chunk()
    var result = _.chunk(users, 2);
    console.log(result);

</script>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>10 Funções imperdíveis do lodash</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
	</head>
	<body>
	<input type="text" id="search">

	<script type="text/javascript">
	// _.assign()
	var movie = { name: 'Game of Thrones' };
	var result = _.assign({ ticket_price: '$20', season: 8 }, movie);
	console.log(result);

	//_.times()
	function number() {
	return Math.random() * 100;
	}
	var result = _.times(5, number);
	console.log(result);

	//_.debounce()
	function search() {
	// chamada ajax
	console.log('Searching ...');
	}
	var inputSearch = document.getElementById('search');
	inputSearch.addEventListener('keyup', _.debounce(search, 800));

	//_.find()
	var users = [
	{ name: 'Tiago Matos', age: 20, gender: 'male' },
	{ name: 'Jon Snow', age: 18, gender: 'male' },
	{ name: 'Wonder woman', age: 22, gender: 'female' },
	{ name: 'Tiago Matos', age: 20, gender: 'male' },
	{ name: 'Jon Snow', age: 18, gender: 'male' },
	{ name: 'Wonder woman', age: 22, gender: 'female' },
	{ name: 'Tiago Matos', age: 20, gender: 'male' },
	{ name: 'Jon Snow', age: 18, gender: 'male' },
	{ name: 'Wonder woman', age: 22, gender: 'female' },
	];
	var result = _.find(users, o => o.name === 'Tiago Matos');
	console.log(result);

	//_.filter()
	var result = _.filter(users, o => o.age >= 20);
	console.log(result);

	//_.forEach()
	var wonderWoman = { name: 'Wonder woman', age: 22, gender: 'female' };
	_.forEach(wonderWoman, o => {
	console.log(o);
	});

	//_.map()
	var result = _.map(users, 'name');
	console.log(result);

	//_.first()
	var result = _.first(users);
	console.log(result);

	//_.last()
	var result = _.last(users);
	console.log(result);

	//_.chunk()
	var result = _.chunk(users, 2);
	console.log(result);

	</script>
	</body>
	</html>