JavaScript

    [mdn, 드림코딩 외] 배열(array) (4) : 검색 (indexOf,lastIndexOf,includes)

    배열을 만들었다. const goodcoders = ['noran', 'paran', 'black', 'white', 'noran']; 검색 indexOf : 데이터의 인덱스 찾기 console.log(goodcoders.indexOf('paran')) //1 아래처럼 배열에 존재하지 않는 데이터의 인덱스를 찾으면 -1로 뜬다. console.log(goodcoders.indexOf('green')) //-1 아래처럼 배열에 중복으로 존재하는 데이터의 인덱스를 찾으면 첫번째 데이터의 인덱스로 뜬다. console.log(goodcoders.indexOf('noran')) //0 lastIndexOf : (중복되는 데이터의 경우) 마지막 데이터의 인덱스 찾기 배열에 중복으로 존재하는 데이터의 인덱스를 찾으..

    [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 [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수 객체를 생성하는..