Skip to content

Instantly share code, notes, and snippets.

@masautt
masautt / jwdkwj8.js
Created September 3, 2019 22:31
How do you check if a key exists in an Object in JavaScript?
let obj = { key: undefined }
// Check if the key is defined (warning: key could exist but set to undefined)
obj["key"] !== undefined;
//Check if the key is defined in the object (includes if set to undefined)
"key" in obj;
//Check if the key doesn't exist?
!("key" in obj);
@masautt
masautt / jwdkwj8.js
Last active September 3, 2019 23:01
How to check if key exists in Object in JavaScript?
let obj = { key: undefined }
// Check if the key is defined (warning: key could exist but set to undefined)
obj["key"] !== undefined; //false, but key still exists
//Check if the key is defined in the object (includes if set to undefined)
"key" in obj; // true, regardless of actual value
//Check if the key doesn't exist?
!("key" in obj); // false
@masautt
masautt / atlqkai.js
Last active September 3, 2019 23:01
How to loop through an Object in JavaScript?
var obj = { first: "John", last: "Doe" };
Object.keys(obj).forEach(function(key) {
console.log(key, obj[key]); // first, John
// last, Doe
});
@masautt
masautt / 9awohc2.js
Last active September 3, 2019 23:00
How to change element's class in JavaScript?
// Change the class altogether?
document.getElementById("MyElement").className = "MyClass";
// Add to the class?
document.getElementById("MyElement").className += "MyClass";
// Add or Remove a new class?
document.getElementById("MyElement").classList.add('MyClass');
document.getElementById("MyElement").classList.remove('MyClass');
@masautt
masautt / 10n1myo.js
Last active September 3, 2019 22:59
How to check for empty Object in JavaScript?
//ES 7+
Object.entries(obj).length === 0 && obj.constructor === Object
//ES 5+
Object.keys(obj).length === 0 && obj.constructor === Object
//ES 5-
function isEmpty(obj) {
for(var prop in obj) {
if(obj.hasOwnProperty(prop)) {
@masautt
masautt / hieewlp.js
Last active September 3, 2019 22:59
How to sort array in JavaScript?
var arr = ["7", "2", "5", "9"];
// Sort in ascending order?
arr.sort(); // --> 2,5,7,9
// Descending order?
arr.reverse(); // --> 9,7,5,2
@masautt
masautt / wioawyg.js
Last active September 3, 2019 22:58
How to sort array of objects by value in JavaScript?
let arr = [
{ prop: "7" },
{ prop: "3" },
{ prop: "6" },
{ prop: "1" }
]
//Sort in ascending
arr.sort(function(a, b) {
return (a.prop - b.prop);
@masautt
masautt / y80wde7.js
Created September 3, 2019 23:06
How to randomly generate alpha-numeric id in JavaScript?
let idLength = 6;
Math.random().toString(36).slice(idLength); // y80wde7
@masautt
masautt / e37uqws.html
Last active September 12, 2019 05:26
How to create hyperlink in HTML?
<a href="https://google.com" target="_blank">GO TO GOOGLE.COM IN SEPARATE WINDOW</a>
@masautt
masautt / r460xpv.js
Created September 3, 2019 23:19
How to check if a string contains a substring in JavaScript?
let str = "Masautt";
let subString = "sau";
console.log(str.includes(subString)); // true