본문 바로가기

반영훈/웹 개발34

[JS] 익명함수(무명함수)와 즉시실행함수 일반적인 함수의 형태(선언적 함수)는 아래와 같이 함수에 sum이라는 이름을 붙여 재사용 할 수 있게 만듦. function sum(a,b){ var m = a + b; return m; } var sumanswer = sum(1,2); console.log(sumanswer); 이에 반해 익명함수의 경우는 아래와 같이 함수(function)에는 이름이 없고 함수에 바로 (a,b)라는 인수만 지정됨. var sum = function(a,b){ var m = a + b; return m; } var sumanswer = sum(1,2); console.log(sumanswer); 위의 익명개념 함수에서 확장 된 것이 즉시실행함수 이 즉시실행함수는 변수 안에 함수와 인수값까지 몽땅 다 집어넣어서 사용하는 .. 2020. 8. 13.
[JS] 프로토타입과 클래스 객체 생성자 객체 생성자는 함수를 통해 새로운 객체를 만들고, 그 안에 넣고 싶은 값 혹은 함수들을 구현할 수 있게 해줌. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 객체 생성자를 사용 할 때는 보통 함수의 이름을 대문자로 시작하고, 새로운 객체를 만들 때에는 new키워드를 앞에 붙여줘야 함. 위 .. 2020. 8. 12.
[JS] 배열 내장함수 concat, join, reduce concat 여러개의 배열을 하나의 배열로 합쳐줍니다. const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const concated = arr1.concat(arr2); console.log(concated); join 배열 안의 값들을 '문자열'형태로 합쳐줌 인자로 받은 값을 기준으로 합쳐줌. const array = [1, 2, 3, 4, 5]; console.log(array.join()); // 1,2,3,4,5 console.log(array.join(' ')); // 1 2 3 4 5 console.log(array.join(', ')); // 1, 2, 3, 4, 5 reduce 주어진 배열에 대한 총합을 구할 때, 기존 코드는 아래와 같이 구현하지만 co.. 2020. 8. 12.
[JS] 배열 내장함수 filter, splice, slice filter 특정 조건을 만족하는 값들만 따로 추출하여 새로운 배열을 만듦. todos 배열에서 done 값이 false 인 항목들만 따로 추출해서 새로운 배열을 만들어 보면 아래와 같이 할 수 있다. const todos = [ { id: 1, text: '자바스크립트 입문', done: true }, { id: 2, text: '함수 배우기', done: true }, { id: 3, text: '객체와 배열 배우기', done: true }, { id: 4, text: '배열 내장함수 배우기', done: false } ]; const tasksNotDone = todos.filter(todo => todo.done === false); #위의 코드를 아래와 같이 바꾸어도 동작함# const tas.. 2020. 8. 12.
[JS]배열 내장함수 indexOf, findIndex, find indexOf indexOf는 원하는 항목이 몇번째 '원소'인지 찾아주는 함수입니다. (배열 안에 있는 값이 숫자, 문자열, 불리언 일 때) 예를 들어서 다음과 같은 배열이 있을 때 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 토르가 몇번째 항목인지 찾으려면 아래와 같이 입력하면 됨 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; const index = superheroes.indexOf('토르'); console.log(index); findIndex (배열안에 있는 값이 객체, 배열 일 때) const todos = [ { id: 1, text: '자바스크립트 입문', done: t.. 2020. 8. 11.
[JS]배열 내장함수 forEach, map forEach for문을 대체 할 수 있는 내장함수. const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 위와 같은 텍스트 배열이 있다고 가정할 때, 배열 안에 있는 모든 원소들을 출력해야한다면 for 사용시 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; for (let i = 0; i { console.log(.. 2020. 8. 11.