Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

object js

let object = {
	name : "Petya",
  	age : 15
};

// another way
let object = new Object();
object["name"] = "Petya";
object["age"] = 15;

// old way
var object = new Object()
object.name = "Petya";
object.age = 15;
Comment

js objects

// To make an object literal:
const dog = {
    name: "Rusty",
    breed: "unknown",
    isAlive: false,
    age: 7
}
// All keys will be turned into strings!

// To retrieve a value:
dog.age; //7
dog["age"]; //7

//updating values
dog.breed = "mutt";
dog["age"] = 8;
Comment

ways of defining object js

1) Object Literal
	const obj = {
    	name: "Ram",
      	age: "20"
    }
2) Constructor Function or ES6- Class
   const a = new Person("Ram", "25") //given Person is an existing function or class
3) Object.create method
	const ram = Object.create(Person); //given person is an existing object
Comment

javascript object

/*
An object is made of key value pairs. Keys can be strings 
(which don't require quotes), array with a string, or symbols. Values can be arrays,
objects, numbers etc
*/

let testSymbol = Symbol('item number 3')

const obj = {
	item1: 1,
    "item number 2": 2,
    testSymbol: 3,
  	['a']: 4
}

// Another way of creating an object:
const obj = new Object();
obj.name = 'John'

// To access values, you can use dot notation or bracket notation. 
// Both do the same thing, bracket notion is useful for multispace keys,
// keys with dashes, or accessing values using variables
> obj.item1
> obj['item number 2']

> let b = 'item1'
  obj[b]
  // The following would NOT work and would return undefined:
  obj.b

// Checking exsistence of keys in object:
obj.toString ----- checks values of object and whatever object inherits from
> returns true

obj.hasOwnProperty('toString') ----- checks values of object only. Do this instead of checking like: (obj.name !== undefined)
> returns false


// Short hand key assignment:
const name = 'John'
const obj2 = {
    // this is short hand that automatically sets the key to be 'name',
    // and it's value to be 'John'
	name, 
}

// Constructor objects:
function Obj(name, age){
	this.name = name
  	this.age = age
}

const person = new Obj('john', 1)

// adding functions, couple ways:
const obj = {
  	name: 'Mike',
  	number: 4421,
	sayHi: () => console.log('hi'),
  	sayBye() {
    	console.log('say bye')
    },
    // getter function to get values from object. Has different usecases, but the same as doing obj.number
  	get getNumber(){
    	return this.number
    }
    // setter function to set values in object. Has different usecases, but the same as doing obj.number = 152
    set setNumber(num){
    	this.number = num
    }
}

obj.sayHi()
obj.sayBye()
obj.getNumber //Note how it's being accessed like a standard property, and not a function
obj.setNumber //Note how it's being accessed like a standard property, and not a function
Comment

javaScript object

var emp = {
name: "khan",
age: 23
};
Comment

object JavaScript

//create an obect of a scary housekeeper
var houseKeeper = {//the following are all properties
    name: "Moira O'Hara",//creating variables and assigning
    experienceInYears: 9,
    everBeenFired: false,
    priorJobs: ['Grand Budapest Hotel', 'The Overlook', 'Pinewood Hotel', 'Slovakian Hostel'],
    dateHired:  new Date('01/13/2022'),
    currentEmployee: true,
    dateOfTermination: new Date(0),
    reasonForTermination: '',    
};
//using dot notation to edit object
houseKeeper.everBeenFired = true;
houseKeeper.currentEmployee = false;
houseKeeper.dateOfTermination = new Date('10/3/2022');
houseKeeper.reasonForTermination = ['anger issues', 'violation of customer privacy']

//using dot notation to access object
console.log("Date of Hire : ", houseKeeper.dateHired)
console.log("House Keeper : ", houseKeeper.name)
console.log("Current Employee? : ", houseKeeper.currentEmployee)
console.log("Date of Termination : ", houseKeeper.dateOfTermination)
console.log("Reason for Termination : ", houseKeeper.reasonForTermination)
Comment

javascript object

[object Object]
Object { }
{ }
Comment

object object js

var obj = new Object();
Comment

javasript object

let anObject = {left: 1, right: 2};
console.log(anObject.left);
// → 1
delete anObject.left;
console.log(anObject.left);
// → undefined
console.log("left" in anObject);
// → false
console.log("right" in anObject);
// → true
Comment

javascript object

let person = {
    firstName: 'John',
    lastName: 'Doe'
};Code language: JavaScript (javascript)
Comment

JavaScript Object

const student = {
    firstName: 'ram',
    lastName: null,
    class: 10
};
Comment

javascript object

const obj = {
    name: "Mon contenu",
    id: 1234,
    message: "Voici mon contenu",
    author: {
        name: "John"
    },
    comments: [
        {
            id: 45,
            message: "Commentaire 1"
        },
        {
            id: 46,
            message: "Commentaire 2"
        }
    ]
};
Comment

js object

'use strict';

var obj = {
  a: 10
  b:20
};

Object.defineProperty(obj, 'b', {
  get: () => {
    console.log(this.a, typeof this.a, this); // undefined 'undefined' Window {...} (or the global object)
    return this.a + 10; // represents global object 'Window', therefore 'this.a' returns 'undefined'
  }
});
Comment

js object

const person = {
    firstName: 'John',
    age: 30,
    greet() {//method
        console.log('Hi, I am ' + this.name);
    },
    age(){//method
        console.log('I am ' + this.age + ' years old');
    }
}

person.lastName = 'Doe';//add property to object

console.log(person.lastName);// output: Doe
// Calling a method
person.greet();// output: Hi, I am Doe
person.age();// output: I am 30 years old

Comment

javaScript object

var emp = {
name: "khan",
age: 23
};
Comment

javaScript object

var emp = {
name: "khan",
age: 23
};
Comment

js object

var person = {
  "name" : "Mrs. White"
};
Comment

PREVIOUS NEXT
Code Example
Javascript :: random name 
Javascript :: web scraping using javascript 
Javascript :: create chart in excel using javascript 
Javascript :: like operator mangodb 
Javascript :: async.each javascript 
Javascript :: divisible check javascript 
Javascript :: adding more than one class react 
Javascript :: update property of object in array javascript 
Javascript :: javascript reflect 
Javascript :: discordjs 
Javascript :: json object in html page 
Javascript :: Why my array resets itself when I leave my function 
Javascript :: how to use paystack with react 
Javascript :: array reduce javascript 
Javascript :: array index javascript 
Javascript :: mongoose virtual populate 
Javascript :: js array join 
Javascript :: Computed Property 
Javascript :: javascript loading animation on button click 
Javascript :: if array includes string 
Javascript :: toggle class jquery 
Javascript :: destructuring js 
Javascript :: how to set option value in fstdropdown using ajax 
Javascript :: JavaScript and HTML DOM Reference 
Javascript :: html table to csv javascript 
Javascript :: selecting multiple feilds using populate in mongoose 
Javascript :: JavaScript Error Try Throw Catch 
Javascript :: javascript list comprehension 
Javascript :: how to display a calender in react native 
Javascript :: javascript join 2 variables into string 
ADD CONTENT
Topic
Content
Source link
Name
4+5 =