Skip to content

Instantly share code, notes, and snippets.

View dottedsquirrel's full-sized avatar

Aphinya Dechalert dottedsquirrel

View GitHub Profile
@dottedsquirrel
dottedsquirrel / every.js
Created August 30, 2019 01:49
JavaScript array method every()
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
let allNeutered = animals.every(animal => {return animal.isNeutered});
//will return false because not all values under isNeutered evaluates to true
@dottedsquirrel
dottedsquirrel / filter.js
Created August 30, 2019 01:52
JavaScript array filter()
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
/*using functional filter() where a represents an item in the array*/
let neuteredAnimals = animals.filter((a) => {
return a.isNeutered;
});
@dottedsquirrel
dottedsquirrel / imperativeFilter.js
Created August 30, 2019 01:53
Imperative Filter
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
/*using imperative*/
let neuteredAnimals = [];
for (let i=0; i < animals.length; i++){
@dottedsquirrel
dottedsquirrel / find.js
Created August 30, 2019 01:54
JavaScript array find()
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
animalTypeFound = animals.find( animal => animal.type === 'cat' );
// animalTypeFound will return:
// {name: 'Tibbers', type: 'cat', isNeutered: true, age: 2}
@dottedsquirrel
dottedsquirrel / map.js
Created August 30, 2019 01:55
JavaScript array map()
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
// what you need:
// ['Tibbers', 'Fluffball', 'Strawhat']
let animalNames = animals.map(animal => {return animal.name});
@dottedsquirrel
dottedsquirrel / reduce.js
Created August 30, 2019 01:57
JavaScript array reduce()
let numbers = [100, 20, 10];
// result will return 70 as the value
// The function inside reduce will run twice.
// the first time, x = 100, y = 20
// the second time, x = 80, y = 10
result = numbers.reduce((x, y) => { return x - y; });
@dottedsquirrel
dottedsquirrel / reduce2.js
Last active September 3, 2019 01:38
JavaScript array reduce() example 2
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
// How old are all the animals combined?
// 0 is the starting value and acts as the first acculmulator value
// will return 8
@dottedsquirrel
dottedsquirrel / some.js
Created August 30, 2019 01:58
JavaScript array some()
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5}
]
let someAreCats = animals.some(animal => {return animal.type === 'cat'});
// will return true because at least one animal.type returned 'cat'
@dottedsquirrel
dottedsquirrel / mix.js
Created August 30, 2019 01:59
JavaScript mix n match
let animals = [
{name: 'Tibbers', type: 'cat', isNeutered: true, age: 2, enteredPagent: true, cutenessScore: 347},
{name: 'Fluffball', type: 'rabbit', isNeutered: false, age: 1, enteredPagent: true, cutenessScore: 193},
{name: 'Strawhat', type: 'cat', isNeutered: true, age: 5, enteredPagent: false, cutenessScore: 521}
]
//lets say you want to find the total cuteness score of all valid pagent entrants
let totalScore = animals
.filter(animal => {return animal.isNeutered})
@dottedsquirrel
dottedsquirrel / home.component.html
Created September 2, 2019 00:29
Dotted Squirrel v2 Feeds Loop
<div class="feedSection col l12 s12" *ngFor="let item of feed">
<h3>{{item.details.publication}}</h3>
<div class="featured col l6 s12">
<p class="date">{{item.items[0].pubDate | date:'dd MMM'}}</p>
<a href="{{item.items[0].link}}">{{item.items[0].title}}</a>
</div>
<div class="col l6 s12">
<ul>
<li *ngFor="let single of item.items |slice: 1:10">
<a href="{{single.link}}">{{single.title}}</a>