Yangeok

Asynchronous programmingcallback123456789asyncTask1(data, function onTask1Done (result1) { asyncTask2(result1, function onTask2Done (result2) { asyncTask3(result2, function onTask3Done (result3) { asyncTask4(result3, function onTask4Done (result4) { console.log(`All done! Result is ${result4}`); }) }) }) }); 논리적으로 비동그 프로그래밍을 완벽히 구현했지만, 콜백지옥.promise12345678const makeRequest = () => getJSON() .the..

slice()기본형1234567891011let items = [1, 2, 3, 4, 5]; let copy = items.slice(); copy[0] = 100; console.log(items); console.log(copy); let copy2 = items.slice(2, 3); let copy3 = items.slice(2); let copy4 = items.slice(-2); let copy5 = items.slice(1, -1);

join기본형1234567891011121314151617181920let names = ['a', 'b', 'c']; // 보통방식 console.log(`${names[0]} ${names[1]} ${names[2]}`); // a b c // join방식 console.log(names.join(' ')); // a b c console.log(names.join('-')); // a-b-c console.log(names.join('')); // abc // 기본구분자는 콤마 console.log(names.join()); // a,b,c // 다른 메소드와 같이 사용된 예제 let name = 'a b'; let upper = name.split(' ').map(x => x.charAt(0) ...

concat기본형123456789let items = [1, 2]; let newItems = items.concat(3, 4, 5, 'str', undefined); console.log(newItems); // [1, 2, 3, 4, 5, 'str', undefined] let newItems2 = items.concat([3, 4], [5, 6, 7]); console.log(newItems2); // [1, 2, 3, 4, 5, 6, 7] let newItems3 = items.concat([3, 4], [5, 6, [7]]); console.log(newItems3); // [1, 2, 3, 4, 5, 6, [7]] 매개변수로 주어진 배열이나 값을 기존 배열에 합쳐 새로운 배열을 reutrn함...

Array.isArray() method기본형1Array.isArray(obj) 객체가 Array라면 true, 아니라면 false를 반환함.매개변수obj : 검사할 객체

배열 처리 정리기법forEach패턴11234567let data = [1, 2, 3, 4, 5] let result = []; data.forEach(i => { result.push(i-1); // 모든 원소값에서 1씩 감소 }); console.log(result); // [0, 1, 2, 3, 4] 패턴2123456let data = [1, 2, 3, 4, 5] data.forEach((val, idx, arr) => { // 매개변수는 값, 인덱스, 배열 data[idx] = val-1; // 모든 원소값에서 1씩 감소 }); console.log(data); // [0, 1, 2, 3, 4] 기존 배열을 가공해서 평균, 합계를 구할때 사용한다.map123456let data = [1, 2, 3,..

hasOwnProperty() method기본형1obj. hasOwnProperty(proName) 매개변수obj : 필수요소, 개체의 인스턴스proName : 필수요소, 속성의 문자열 값

String.indexOf() method기본형1strObj.indexOf(subString[, startIndex]) subString의 시작을 return하고 없으면 -1을 return한다.매개변수strObj : 필수. string 개체나 문자열 리터럴이다.subString : 필수. 문자열에서 검색할 부분 문자열이다.startIndex : 선택. string 개체의 검색을 시작할 인덱스. 생략하면 처음부터 검색을 시작함.

반복문 (Loop)for123for (let i = 0; i < 10; i++) { // (초기값; 조건식; 증감식) console.log(i); } 반복횟수를 정할 수 있기 때문에 몇번 반복될지 알때 사용함.for문 성능 향상패턴123for (let i = 0, max = obj.length; i < max; i++) { // 핸들링 코드 } html collection 순회처리 시에 속도향상이 가능하다.while12345let i = 0; // 초기값 while (i < 10) { // (조건식) console.log(i); i++; // 증감식 } 조건밖에 없기 때문에 몇번 반복될지 정확히 모를때 사용함.break, continue1 do while12345let i = 0; // 초기값 do { ..

조건문 (Conditional)if문123456789if (0) { console.log('do not run'); } if ('') { console.log('do not run'); } if ([]) { console.log('run'); } if문의 기본구조는 if (조건) {내용}이다.switch문12345678910111213switch (a) { case 1: // a가 1이라면 console.log('c = 1'); break; case 2: // a가 2라면 console.log('c = 2'); break; case 3: // a가 3이라면 console.log('c = 3'); break; default: // 어떤 조건에도 해당하지 않을떄 console.log('not applicab..