myObject = {
"key": "value"
}
Object.keys(myObject); // get array of keys
const object1 = {
a: 'somestring',
b: 42,
c: false
};
console.log(Object.keys(object1));
// expected output: Array ["a", "b", "c"]
var myObj = {no:'u',my:'sql'}
var keys = Object.keys(myObj);//returnes the array ['no','my'];
var buttons = {
foo: 'bar',
fiz: 'buz'
};
for ( var property in buttons ) {
console.log( property ); // Outputs: foo, fiz or fiz, foo
}
const object1 = {
a: 'somestring',
b: 42,
c: false
};
console.log(Object.keys(object1));
Object.keys(whateverYourObjectIsCalled)
//Look at the other comments but heres a way I made it more simple
Object.prototype.keys=function(){return Object.keys(this);}
//you might see that im trying to make it short and comment use arrow functions.
//but arrow functions actually have diffrent abilites. see what happens.
const obj = {
foo:"bar",
bar:"foo"
}
console.log(obj.keys()); //["foo", "bar"]
Object.defineProperty(Object.prototype, "keys", { //more simpler to use
get:function(){return Object.keys(this);}
});
console.log(obj.keys); //["foo", "bar"]
<div>
{Object.keys(product).length === 0 ? (
<div>Loading Data from api</div>
) : (
<div style={{ width: "600px" }}>
<img src={product.image} width="200px" alt="no data found" />
<h4>{title}</h4>
<h4>{category}</h4>
<h4>{description}</h4>
<h4>{id}</h4>
</div>
)}
</div>