Back to feed
Renewal·서른의 생활코딩

[Following Life-Coding] JavaScript Object-Oriented Programming_01 Arrays and Objects

NS
normalstory
cover image

JavaScript Object-Oriented Programming

01. Arrays and Objects

 

A new? class from Life-Coding,,, actually a React class dropped recently... heheh

https://opentutorials.org/module/4047

 

JavaScript Object-Oriented Programming

Class intro: a class that looks deeply at the nature of objects in JavaScript. This class covers: prototype __proto__ constructor functions and new class inheritance. Intended for students and teachers interested in cloud computing. Benefits are only offered to people with email domains ending in ac.kr, edu, etc. Other ways to watch the class: YouTube playlist. Join prerequisites: if you are new to JavaScript, you should watch

opentutorials.org

Oh yeah — lately, not just PHP but JavaScript is trending toward OOP too. Because of that.. it's so similar to Java ^^ pure profit

On top of that, this Life-Coding class is, they say, just base training for jumping into React ^^

Heheh~ It feels a bit late, but.. pitter-patter~ let's go!!! Wait — React — hold on just a bit~

 

 

Example | object01.js

//배열 
var memArray=['a','b','c'];
console.log("memArray[2] : ", memArray[2]);

//객체 생성
var memObject={
    manager:'egoing',
    developer:'Charles'
}
console.log("memObject.developer : ", memObject.developer);

//객체 수정
memObject.developer='egoing';
console.log("memObject[developer] : ", memObject['developer']);

//객체 삭제 
delete memObject.developer;
console.log("delete memObject[developer] : ", memObject['developer']);

 

 

 

Example | object02.js

//배열 
// console.group 사용하기 
var memArray=['a','b','c'];
var i = 0 ;
console.group('array Roop');
while(i<memArray.length){
    console.log(i, memArray[i]);
    i = i + 1;
}
console.groupEnd('array Roop');



//객체  
// for(var 임의변수 in 대상객체), 이건 마치 foreach 문과 비슷하다 ㅎㅎㅎ 
var memObject={
    manager:'egoing',
    developer:'Charles'
}
console.group('object Roop');
for(var name in memObject){
    console.log(name, memObject[name]);
}
console.groupEnd('object Roop');

 

 

This English version was translated by Claude.

친절한 찰쓰씨
Written by
친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

More on the author's page

Keep reading

Renewal

Steadily, for the long haul, without burning out

Mar 31, 2026·9 min
Renewal

Tech-life balance

Feb 7, 2026·3 min
Renewal

Humanality, by Park Jeong-ryeol

Feb 7, 2026·11 min