Created
July 6, 2017 14:40
-
-
Save cozyazure/5e41e0d3117592d764e7fff46737e425 to your computer and use it in GitHub Desktop.
JS Bin // source https://jsbin.com/cikuhez
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> | |
| //array.map | |
| let numberArr1 = [1, 2, 3, 4, 5]; | |
| let multi = numberArr1.map(x => x * 2); | |
| //array.forEach | |
| let numberArr2 = [1, 2, 3, 4, 5]; | |
| numberArr2.forEach((value, key, arr) => { | |
| arr[key] = value * 5; | |
| }) | |
| //array.filter | |
| let numberArr3 = [1, 2, 3, 4, 5]; | |
| let filtered = numberArr3.filter(x => x > 3); | |
| //array.find | |
| let numberArr4 = [1, 2, 3, 4, 5]; | |
| let found = numberArr4.find(x => x > 3); | |
| //exercicse | |
| let objArr = [{name: "A", id: 1}, {name: "B", id: 2}, {name: "C", id: 3}]; | |
| let objFiltered = objArr.filter(obj => obj.id > 1); | |
| //array.sort | |
| let numberArr5 = [1, 5, 4, 2, 3]; | |
| let sorted = numberArr4.sort((a, b) => b - a); | |
| //array.reduce | |
| let numberArr6 = [1, 2, 3, 4, 5]; | |
| let sum = numberArr5.reduce((sum, value) => { | |
| return sum * 2 + value; | |
| }, 0); | |
| //array.some | |
| let numberArr7 = [1, 2, 3, 4, 5]; | |
| let has = numberArr7.some(x => x > 6); | |
| //array.every | |
| let numberArr8 = [1, 2, 3, 4, 5]; | |
| let all = numberArr8.every(x => x > 1); | |
| //ES6 | |
| //rest parameter | |
| var fRest = (x, y, ...a) =>{ | |
| return (x + y) * a.length | |
| } | |
| console.log(fRest(1, 2, "hello", true, 7)) | |
| //spread operator | |
| var numberArr9 = [1,2,3,4,5]; | |
| var fSpread = (...spread)=>{ | |
| console.log(spread); | |
| return spread.map(x=>x*2) | |
| } | |
| console.log(fSpread(...numberArr9)); | |
| </script> | |
| <script id="jsbin-source-javascript" type="text/javascript">//array.map | |
| let numberArr1 = [1, 2, 3, 4, 5]; | |
| let multi = numberArr1.map(x => x * 2); | |
| //array.forEach | |
| let numberArr2 = [1, 2, 3, 4, 5]; | |
| numberArr2.forEach((value, key, arr) => { | |
| arr[key] = value * 5; | |
| }) | |
| //array.filter | |
| let numberArr3 = [1, 2, 3, 4, 5]; | |
| let filtered = numberArr3.filter(x => x > 3); | |
| //array.find | |
| let numberArr4 = [1, 2, 3, 4, 5]; | |
| let found = numberArr4.find(x => x > 3); | |
| //exercicse | |
| let objArr = [{name: "A", id: 1}, {name: "B", id: 2}, {name: "C", id: 3}]; | |
| let objFiltered = objArr.filter(obj => obj.id > 1); | |
| //array.sort | |
| let numberArr5 = [1, 5, 4, 2, 3]; | |
| let sorted = numberArr4.sort((a, b) => b - a); | |
| //array.reduce | |
| let numberArr6 = [1, 2, 3, 4, 5]; | |
| let sum = numberArr5.reduce((sum, value) => { | |
| return sum * 2 + value; | |
| }, 0); | |
| //array.some | |
| let numberArr7 = [1, 2, 3, 4, 5]; | |
| let has = numberArr7.some(x => x > 6); | |
| //array.every | |
| let numberArr8 = [1, 2, 3, 4, 5]; | |
| let all = numberArr8.every(x => x > 1); | |
| //ES6 | |
| //rest parameter | |
| var fRest = (x, y, ...a) =>{ | |
| return (x + y) * a.length | |
| } | |
| console.log(fRest(1, 2, "hello", true, 7)) | |
| //spread operator | |
| var numberArr9 = [1,2,3,4,5]; | |
| var fSpread = (...spread)=>{ | |
| console.log(spread); | |
| return spread.map(x=>x*2) | |
| } | |
| console.log(fSpread(...numberArr9));</script></body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //array.map | |
| let numberArr1 = [1, 2, 3, 4, 5]; | |
| let multi = numberArr1.map(x => x * 2); | |
| //array.forEach | |
| let numberArr2 = [1, 2, 3, 4, 5]; | |
| numberArr2.forEach((value, key, arr) => { | |
| arr[key] = value * 5; | |
| }) | |
| //array.filter | |
| let numberArr3 = [1, 2, 3, 4, 5]; | |
| let filtered = numberArr3.filter(x => x > 3); | |
| //array.find | |
| let numberArr4 = [1, 2, 3, 4, 5]; | |
| let found = numberArr4.find(x => x > 3); | |
| //exercicse | |
| let objArr = [{name: "A", id: 1}, {name: "B", id: 2}, {name: "C", id: 3}]; | |
| let objFiltered = objArr.filter(obj => obj.id > 1); | |
| //array.sort | |
| let numberArr5 = [1, 5, 4, 2, 3]; | |
| let sorted = numberArr4.sort((a, b) => b - a); | |
| //array.reduce | |
| let numberArr6 = [1, 2, 3, 4, 5]; | |
| let sum = numberArr5.reduce((sum, value) => { | |
| return sum * 2 + value; | |
| }, 0); | |
| //array.some | |
| let numberArr7 = [1, 2, 3, 4, 5]; | |
| let has = numberArr7.some(x => x > 6); | |
| //array.every | |
| let numberArr8 = [1, 2, 3, 4, 5]; | |
| let all = numberArr8.every(x => x > 1); | |
| //ES6 | |
| //rest parameter | |
| var fRest = (x, y, ...a) =>{ | |
| return (x + y) * a.length | |
| } | |
| console.log(fRest(1, 2, "hello", true, 7)) | |
| //spread operator | |
| var numberArr9 = [1,2,3,4,5]; | |
| var fSpread = (...spread)=>{ | |
| console.log(spread); | |
| return spread.map(x=>x*2) | |
| } | |
| console.log(fSpread(...numberArr9)); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment