자바스크립트/메소드 (5) 썸네일형 리스트형 자바스크립트 bind 메소드 1. 인자를 지정해주기 function add(a, b) { return a + b; } // add 함수에서 첫 번째 인자를 1로 고정시킨 함수를 반환한다. let add1 = add.bind(null, 1); add1(2); // 고정된 1과 인자로 들어간 2가 더해져 3을 반환한다. 2. this를 지정해주기 function getThis() { return this; } // getThis 함수에서 this로 참조하는 값을 []로 하는 함수를 반환한다. let getArray = getThis.bind([]); getArray(); // this로 지정된 []를 반환한다. 3. setTimeout 예제 function Message() { this.firstMessage = function() {.. 자바스크립트 apply와 call 메소드 obj = {val1: 1, val2: 2, val3: 3} function sumAll() { let result = 0; for(key in this) { // this는 obj를 가리킨다. result = result + this[key]; } return result; } // 첫번째 인자에 객체를 넣으면 // 마치 함수가 객체 안에 들어간 것처럼 돼서 // this로 객체를 접근할 수 있다. console.log(sumAll.apply(obj)); // 6 // 모든 함수에는 기본적으로 apply 등의 메소드가 제공된다. // 그래서 함수를 sum.apply() 형태로도 쓸 수 있다. function sum(a, b) { return a + b; } // 따로 객체를 넣어줄 필요가 없으면 nul.. 자바스크립트 배열(Array) 정렬하는 sort 메소드 let numbers = [20, 10, 2, 1]; // 배열의 값을 a, b로 두고 반복해서 비교한다. let sortfunc = function(a, b) { if(a > b) { return 1; } else if (a 자바스크립트 배열(Array) 메소드 arr.indexOf(a); // a가 arr 배열의 몇번째 순서(index)에 오는지 반환한다. (없으면 -1) arr.push(a); // arr 배열의 제일 뒤에 a를 추가한다. arr.pop(); // arr 배열의 제일 뒤 값을 삭제하고 삭제한 값을 반환한다. arr.unshift(a); // arr 배열의 맨 앞에 a를 추가한다. arr.shift(); // arr 배열의 맨 앞 값을 삭제하고 삭제한 값을 반환한다. arr.slice(); // arr 배열을 복사해서 새로운 배열을 반환한다.arr.slice(1,3); // arr 배열의 1 인덱스에서 3 인덱스 전까지를 자른 배열을 반환한다. (1 인덱스와 2 인덱스만 반환) arr.concat(a); // arr 배열에 a 배열을 합친 배열.. 자바스크립트 스트링(String) 메소드 str.indexOf(a); // str에서 a가 몇번째 오는지 숫자값을 반환한다. str.includes(a); // str에서 a가 있는지 없는지 알려준다. true와 false를 반환한다. str.split(a); // str을 a를 기준으로 나눠서 배열로 반환한다. str.substring(0,2); // str의 0 인덱스에서 2 인덱스 전까지의 글자를 뽑아 반환한다. 이전 1 다음