JavaScript Tips
@javascript_tips
Tips and tricks to make the most of JavaScript and avoid gotchas.
คุณอาจชื่นชอบ
Arrow functions are not yet supported in Safari, IE and Opera Mini. #javascript #es6 #tip caniuse.com/#feat=arrow-fu…
// ES5 var posNums = nums.filter(function (x) { return x > 0; }); // #ES6 var posNums = nums.filter(x => x > 0); #javascript #tip
#ES6 arrow functions do not have their own 'this'. The value of this inside an arrow function is always inherited from the enclosing scope.
Code is temporary. It exists while it is useful. If code is replaced by better code, good! If code can be deleted, celebrate! #JavaScript
Shorthand for #es6 arrow function with single argument: var f = x => { return x*x; }; // equivalent to var f = (x) => { return x*x; };
Shorthand for #es6 arrow function with single return statement: var f = (x) => x*x; // equivalent to var f = (x) => { return x*x; };
ES6 arrow functions: var normalFunc = function(x) { return x * x; }; var arrowFunc = (x) => { return x*x; }; #javascript #tips
#javascript 'new' keyword: function A() { this.x = 1; this.y = 2; } var a1 = new A(); var a2 = new A(); a1.x++; a1.x; // 2 a2.x; // 1
Usage of the 'arguments' local variable: function foo() { console.log(arguments); } foo(1, 2, 3, 4); // [1, 2, 3, 4] #javascript #tip
Use #es6 in your javascript code today with @babeljs! hacks.mozilla.org/2015/06/es6-in…
Convert CSV to array: var str = "apple, peach, orange"; var fruitsArray = str.split(","); // ['apple', 'peach', 'orange'] #javascript #tip
#JavaScript array to csv: var fruits = ['apple', 'peaches', 'oranges']; var str = fruits.valueOf(); // apple,peaches,oranges #js #tips
Remove duplicates from array: var deduped = [ 1, 1, 'a', 'a'].filter(function (x, i, arr) { return arr.indexOf(x) === i; }); // [1, 'a']
Flattening an array : var myArray = [[1, 2], [], [3]]; var flatArray = [].concat.apply([], myArray); // flatArray is [1, 2, 3] #javascript
Getting a UNIX timestamp in #JavaScript: var dateTime = Date.now(); var timestamp = Math.floor(dateTime / 1000); #tips #js
To see a function's code, concatenate it with the empty string : console.log(funcVariable + ''); #javascript #tips
The && operator first evaluates the expression on the left. If falsy, false is returned; it does not bother to evaluate the right operand.
JavaScript Falsy Values: null, false, 0 undefined, NaN, and “” (this last item is an empty string). #javascript #tips
Infinity, which is a special number like NaN, is truthy; it is not falsy, while NaN is falsy. #javascript #tips
Calculate max/min in an array: var arr = [1, 2, 3, 4]; Math.max.apply(null, arr) // 4 Math.min.apply(null, arr) // 1 #javascript #tips
United States เทรนด์
- 1. Brian Kelly 9,237 posts
- 2. #VERZUZ 46.6K posts
- 3. Yamamoto 43.5K posts
- 4. Birdman 12.2K posts
- 5. No Limit 31.2K posts
- 6. Mia X 559K posts
- 7. Cash Money 27.2K posts
- 8. Wayne 36.8K posts
- 9. #HalloweenHavoc 46.5K posts
- 10. Turk 575K posts
- 11. Michigan 35.5K posts
- 12. Texas A&M 9,021 posts
- 13. Death Valley 2,894 posts
- 14. Jonas Brothers 6,021 posts
- 15. Tamar 7,890 posts
- 16. #GoBlue 3,087 posts
- 17. Snoop 10.3K posts
- 18. Master P 6,927 posts
- 19. #Dodgers 17.3K posts
- 20. Nuss 3,307 posts
Something went wrong.
Something went wrong.