🟨 JavaScript

[mdn, 드림코딩 외] 배열(array) (2) : 맨뒤/맨앞부터 추가,삭제(push/pop,unshift/shift)

배열을 만들었다. const goodcoders = ['noran', 'paran']; 추가 push : 맨 뒤에 추가하기 goodcoders.push('black','white'); unshift : 맨 앞에서부터 추가하기 goodcoders.unshift('yellow','orange'); 삭제 pop : 맨 뒤를 삭제하기 goodcoders.pop(); shift : 맨 앞에서부터 삭제하기 goodcoders.shift('yellow','orange'); 우선순위 shift와 unshift는 pop과 push보다 느리다. (데이터의 맨 뒤를 추가하고 삭제하는 것은 쉽지만, 맨 앞을 추가/삭제하는 것은 한칸씩 index가 밀리는 것이기 때문.) 출처 : 드림코딩 https://www.youtube.c..

[mdn, 드림코딩 외] 배열(array) : 배열에의 접근과 looping

object와 자료구조의 차이 object는 서로 연관된 특징을 묶어놓는다. 자료구조는 비슷한 타입의 object들을 묶어놓는다. 배열(array) 배열은 0부터 시작하는 칸칸으로 짜여진 index를 가진 자료구조를 말한다. 배열의 선언 const coder1 = new Array(); const coder2 = [1,2]; index position (index에 접근하기) 배열을 만들었다. const goodcoders = ['noran', 'paran']; 이 배열의 정보 console.log(goodcoders); // 2) ['noran', 'paran'] //펼치면 아래 정보가 나온다. //0: "noran" //1: "paran" //length: 2 //[[Prototype]]: Array..

console.clear();

개발자모드를 활용해 공부할 때 사용하면 콘솔로그를 전체삭제할 수 있다. console.clear();

[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (3) : computed properties

computed properties 접근 noran.name noran['name']; // computed properties ['name'] 형태로 받아오는 key는 string타입이어야 한다. key 추가 noran['hasjob'] = true; 어떨때 computed properties를 쓰고/쓰지 않을까? noran.name 형태는 코딩하는 순간 실시간으로 key에 해당하는 값을 받아오고 싶을 때 쓴다. noran['name'] 형태는 runtime에서 결정되는 key (어떤 key를 받아올지 모를 때)일 때 쓴다. computed properties를 쓰는 상황 예시 function Goodcoder(obj, key) { console.log(obj.key); } printValue(nora..

[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (2) : 생성/수정과 cloning

https://sunshineyellow.tistory.com/17?category=1037372 [코딩앙마 외] 객체(Object)와 프로퍼티(property) 객체(Object) key와 value로 이루어질 수 있다. 1. 함수표현식 const goodCoder = function(name, age, coding) { name : 'Noran', age : 20, coding : function(){ console.log('화이팅!'); } } name : 'Noran',.. sunshineyellow.tistory.com https://sunshineyellow.tistory.com/18?category=1037372 [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수 객체를 생성하는..

[mdn, 드림코딩 외] 객체지향 (5) : instanceOf 연산자

instanceOf 연산자(operator) instanceOf 연산자는 생성자의 프로토타입 속성이 객체의 프로토타입 체인에 존재하는지 판별하여 true 나 false를 뱉는다. class Goodcoder { constructor(age, lang, address) { this.age = age; this.lang = lang; this.address = address; } } const noran = new Goodcoder(20,'Java','Seoul'); console.log(noran instanceof Goodcoder); //true console.log(paran instanceof Goodcoder); //Uncaught ReferenceError: paran is not defined..