Skip to main content

Javascript: Object

Object

an object is a collection of properties and their values. properties and values come always in pairs and called key-value pairs. Key-value pair is known as Name value pair

creating an object
var obj = new Object(); //constructor method calls function. It calls the constructor of obj 

var obj1 = { } //object literal method and braket notation

var student = {
      name: 'sinuna',
      phoneNumber: 83218936213,
      class: 8,
      section:'c',
      present:false,
      address: {
           permanent:'ktm',
            temp: 'bir'
}
}

student.class = 9;
student.getAddress = function(){
}
console.log('student is inital>', student);

student.eduction = 'masters'; //Data added for sudent object
student.abc = {} //object added for student object
console.log('student is final>', student);
console.log('student name is>', student.name); Output: student name is sinuna

Replacing section value
student.section = 'd'; // d searches for reference so 'd' (with brackes) is used

deleting property of Object
delete student.present;
console.log('student after delete', student);

accessing object properties
1. . (dot notation) eg: console.log('student dot notation > ', student.name);
2. [] (bracket notation) eg: console.log('sudent bracket notation>', student['name']);
bracket notation mostly used in the loop

Data insert in Object
var classRoom = {};
console.log('class at inital', classRoom);
classRoom.length = '9m'; classRoom is identifier and length is property hold and 9m is value
classRoom.width = '8m';
classRoom.fan = true;
classRoom.number = 9;
console.log('class at final', classRoom);

Note: camel casing eg: phoneNumber ->1st letter small and 2nd letter capital

Comments

Popular posts from this blog

Javascript: Object to Array and Array to Object

Output: Final Array [ { mango: 1 }, { apple: 2 }, { banana: 3 }, { orange: 1 }, { watermelon: 1 }, { papaya: 1 } ] Output: Final Object { mango: 1, apple: 2, banana: 3, orange: 1, watermelon: 1, papaya: 1 }

Javascript: Callback and High Order Function

CALLBACK A callback is a function that gets invoked after an asynchronous result appears. a callback function is an async function argument. - Asynchronous code result handle using callback and promises. // callback  function function with argument  // ---argument :// if a function pass-through function as an argument, it is higher-order function. function needs to be called in order to execute. a callback is used when calling a function asynchronous  What is a Callback or Higher-order Function? A callback function , also known as a higher-order function, is a function that is passed to another function (let’s call this other function “otherFunction”) as a parameter, and the callback function is called (or executed) inside the otherFunction. A callback function is essentially a pattern (an established solution to a common problem), and therefore, the use of a callback function is also known as a callback pattern. High-order function is a function that takes ...

Javascript: Frontend - AngularJS

# FrontEnd Technologies: # Web (Internet) - Html, css framework (bootstrap, material design-> component based) Angular 2 - Single page application (fast). - Web application or website that interacts with the user by dynamically rewritting the current page rather than loading entire new pages from a server. - Can do asynchronous jobs. # Tools: - Typescript - VS code # MVVW (Model View ViewModel Pattern) -> two-way data binding - In angular, the controller (the C in MVC) is replaced by ViewModel (the VM in MVVM). # Typescript Programming Language Typescript (.ts) is imp in angular 2. - supersetup js - strictly typed program - can do class based oop - future programming language. - security maintain (TS code compile and run in js) - JS with additional features. # Data Binding - Controller and Views synchronize. Types: 1. Event -  eg: click, onClick, change 2. Property - eg: hide, show 3. 2-way binding - Reflect in view if changes in model- c...