DEV Community

Cover image for JavaScript Built-in Object Methods
Bello Osagie
Bello Osagie

Posted on • Edited on

2 1

JavaScript Built-in Object Methods

host.png


We have already seen how to create objects and object methods, but there are built-in methods that JavaScript makes available for use.

Below are examples of a few methods:

const person = {
    name: 'Bob', 
    age: 54, 
    country: 'London'
};

const toArray = Object.values(person);
console.log(toArray); // [ 'Bob', 54, 'London' ]
Enter fullscreen mode Exit fullscreen mode
const person = {
    name: 'Bello', 
    age: 27, 
    country: 'Nigeria'
};

const toStr = JSON.stringify(person);
console.log(toStr);
// {"name":"Bello","age":54,"country":"Nigeria"}

toStr[0]; // '{'
toStr[1]; // "
toStr[2]; // n
Enter fullscreen mode Exit fullscreen mode

JSON.stringify will not stringify functions:

const person = {
    name: 'Bello', 
    age: function() {
      return 27;
    }, 
    country: 'Nigeria'
};

const toStr = JSON.stringify(person);
console.log(toStr);
// {"name":"Bello","country":"Nigeria"}
Enter fullscreen mode Exit fullscreen mode

We have to convert the function to string (toString) first.

const person = {
    name: 'Bello', 
    age: function() {
      return 27;
    }, 
    country: 'Nigeria'
};

const str = person.age.toString();
console.log(str);
/* 
function() {
    return 27;
}
 */

const toStr = JSON.stringify(person);
console.log(toStr);
/* 
function() {
    return 27;
}
{"name":"Bello","country":"Nigeria"}
 */
Enter fullscreen mode Exit fullscreen mode

Both arrays and objects are non-primitive data types as objects. Therefore a few object methods can work on arrays also. Like JSON.stringify()

const arr = [ 'Bello', 27, 'Nigeria' ];

const toStr = JSON.stringify(arr);
console.log(toStr); // ["Bello",27,"Nigeria"]

toStr[0]; // "["
toStr[2]; // "B"
Enter fullscreen mode Exit fullscreen mode

More on arrays later.

const person = {
    name: 'Bob', 
    age: 54, 
    country: 'London'
};

const hasProp = person.hasOwnProperty('name'); 
hasProp; //true
Enter fullscreen mode Exit fullscreen mode

image.png


Object.assign() copies all objects properties into a new object

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

const obj2 = {
  d: 4,
  e: 5
}

const newObj = Object.assign(obj1, obj2);
newObj; // { a: 1, b: 2, c: 3, d: 4, e: 5 }
Enter fullscreen mode Exit fullscreen mode

The general syntax is:

newObj = Object.assign(obj1[, obj2, ...,objN]);
Enter fullscreen mode Exit fullscreen mode

A similar new object property name overrides the old object property name.

Object.assign(oldObj, newObj)
Enter fullscreen mode Exit fullscreen mode
const obj1 = {
  a: 1,
  b: 2,
  c: 3
};

const obj2 = {
  c: 100,
  e: 5
}

const newObj = Object.assign(obj1, obj2);
newObj; // { a: 1, b: 2, c: 100, e: 5 }
Enter fullscreen mode Exit fullscreen mode

c: 100 overrides c: 3

const person = {
    name: 'Bob', 
    age: 54, 
    country: 'London'
};

const objKeys = Object.keys(person);
console.log(objKeys); // [ 'name', 'age', 'country' ]
Enter fullscreen mode Exit fullscreen mode

The entries method used on an object converts the object, property keys, and property values to an array.

Syntax:

[ [key1, value1], [key2, value2], ...[keyN], [valueN] ]
Enter fullscreen mode Exit fullscreen mode
const person = {
    name: 'Bob', 
    age: 54, 
    country: 'London'
};

const objEntries = Object.entries(person);
console.log(objEntries); 
// [ [ 'name', 'Bob' ], [ 'age', 54 ], [ 'country', 'London' ] ]

objEntries[1]; // [ 'age', 54 ]
objEntries[1][0]; // "age"
Enter fullscreen mode Exit fullscreen mode

All built-in static object methods can be found on MDN.

Happy coding!!!


image.png


Learn on Skillshare

👋 One new thing before you go

Tired of spending so much on your side projects? 😒

We have created a membership program that helps cap your costs so you can build and experiment for less. And we currently have early-bird pricing which makes it an even better value! 🐥

We also just added an educational platform to the package!

Substantially upgrade your career earning potential for $8/month ❤️

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay