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

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 :: vuejs chatbot widget 
Javascript :: deploy node app to heroku 
Javascript :: Template Literals for Strings 
Javascript :: instanceof 
Javascript :: javascript static class variable 
Javascript :: firebase timestamp to date react 
Javascript :: regex or operator 
Javascript :: How do I use for-loops js 
Javascript :: + sign javascript 
Javascript :: what does find return javascript 
Javascript :: add new field using update in mongoose 
Javascript :: jquery OR operation 
Javascript :: redux toolkit reducer 
Javascript :: Geometery parsing GeoJSON 
Javascript :: AJAX GET Requests 
Javascript :: html form action javascript method 
Javascript :: js append html in div after 
Javascript :: redux workflow 
Javascript :: array methods 
Javascript :: functions and variables javascript 
Javascript :: es6 import 
Javascript :: usereducer react 
Javascript :: jquery val style 
Javascript :: Everything Be True 
Javascript :: javascript change get parameter without reload 
Javascript :: eslint-disable-next-line multiple 
Javascript :: js palindrome number 
Javascript :: build a javascript to easily change website colours theme 
Javascript :: liste des mois javascript 
Javascript :: Instar y crear proyecto AdonisJS 
ADD CONTENT
Topic
Content
Source link
Name
3+2 =