Skip to content

Collection JavaScript goodies, start from map up to spread-operator | πŸ›  on working

License

Notifications You must be signed in to change notification settings

ekaone/JavaScript-Goodies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

25 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

JS-Goodies

πŸ”Ž Array Shuffle

let list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list = list.sort(() => Math.random() - 0.5);

console.log(list);
// 1st [ 1, 9, 7, 8, 4, 2, 3, 5, 6 ]
// 2nd [ 7, 8, 4, 3, 6, 9, 5, 2, 1 ]

πŸ”Ž Slug

const posts = {
  "mountain-view": {
    name: "Everest",
    height: 8848
  },
  "building-world": {
    name: "Burj Khalifa",
    height: 828
  }
};

const slugs = Object.entries(posts).map(([slug, { name, height }]) => {
  return slug;
});

console.log(slugs); // [ 'mountain-view', 'building-world' ]

πŸ”Ž IIFE

(function() {
  // ...
})();

(() => {
  // ...
})();

πŸ”Ž Map

const obj = { a: 1, b: 2, c: 3 };

const result = Object.entries(obj).map(([key, value]) => [key, value * 2]);
console.log(result);

πŸ”Ž Private Scope

const privateScope = (() => {
  const foo = "Foo";
  const bar = "Bar";
  const printFoo = () => {
    return `hi, i am ${foo}`;
  };
  const printBar = () => {
    return `hi, i am ${bar}`;
  };

  return { printFoo, printBar };
})();

console.log(privateScope.printFoo()); // hi, i am Foo
console.log(privateScope.printBar()); // hi, i am Bar
console.log(privateScope.foo); // undefined

Author

βœ” Eka Prasetia 🀡

Blog Twitter Email

βœ” Collection my App

Find example all my Scratch App

βœ” Community

I am author for two communities in Indonesia