목록프로그래밍/JavaScript (52)
쌓고 쌓다
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bu8wLg/btrUngByHKt/8KS0DzKMV0UVH3Y0TyfkI0/img.png)
콜백 함수 자바스크립트에서 함수도 하나의 자료형으로 본다. 그래서 매개변수로 함수를 전달할 수 있다. 매개변수로 전달하는 함수를 콜백함수라고 한다. 콜백 함수 : 선언적 함수 // 함수를 받아 3번 실행하는 함수 function callThreeTimes(callback) { for(let i=0; i 리턴값 예제 let numbers = [1, 2, 3, 4, 5] numbers = numbers.map( (value) => value*value ) console.log(numbers) 화살표 함수와 메소드 체이닝 let numbers = [1, 2, 3, 4, 5, 6, 7] numbers .filter((value) => value%2 === 0) .map((value) => value*value)..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/8ZQSF/btrRddgAukp/ihqv5uuNzjDk2lrjNRNjqK/img.png)
1. A부터 B까지 범위를 지정했을 때 범위 안의 숫자를 모두 곱하는 함수 만들기. function multiplyAll(a , b) { let res=1 for(let i=a;i
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b2Tlov/btrQrrAJov6/3hMB44fG5rkbmGWHHOBg40/img.png)
나머지 매개변수 매개변수가 2개, 3개, 또는 10개 등... 매개변수의 개수가 고정되어 있지 않은 가변 매개변수 함수를 구현할 때 나머지 매개변수를 사용한다. function 함수이름(...매개변수) { } 매개변수의 이름 앞에 마침표 3개(...)를 붙여주면 매개변수들이 배열로 들어온다. EX) 나머지 매개변수를 이용한 예제 function sample(...items) { console.log(items) } sample(1,2) sample(1,2,3) sample(1,2,3,4) => sample(1,2,3,4) 형태로 호출하면 매개변수로 [1, 2, 3, 4] 형태로 들어온다. 나머지 매개변수와 일반 매개변수 조합 function 함수이름(매개변수, 매개변수, ...나머지매개변수) { } EX..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pl58v/btrP7MYXyx7/AEHYXNcxtLjgjD73Kzxsc0/img.png)
익명 함수 function() { } 함수를 출력했을 때 별다른 이름이 붙어있지 않다. 예제 코드 const 함수 = function() { console.log('코드1') console.log('코드2') console.log('코드3') } 함수() console.log(typeof 함수) console.log(함수) 함수의 자료형은 function이고 함수를 출력하면 함수의 구현 부분이 나온다. 함수의 구현 부분에서 함수의 이름이 붙어있지 않다. 그래서 익명 함수라고 표현한다. 선언적 함수 function 함수이름() { ... } 이름이 있는 함수를 선언적 함수라고 한다. 예제 코드 function 함수() { console.log('코드1') console.log('코드2') console.l..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b3BOps/btrPS0WP9bL/XVYzk5nk7JT0Dp0gPbCltK/img.png)
3. N을 입력받고 1~N까지의 곱을 구하기. (원래 1부터100까지를 구하는건데 수정함) let output=1; let input=prompt('수를 입력하세요.'); for(let i=1;i
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/beWunb/btrPQqvl2Vp/ZT7M1zZTtEPZvvfBmtAUkK/img.png)
for in 반복문 for (const 반복 변수 in 배열 또는 객체) { 문장 } 반복 변수에 요소의 인덱스가 들어간다. for in 코드는 내부의 요소를 사용하려면 arr[i] 형태로 사용해야한다. 안정적으로 쓰기엔 위험한 반복문이라 for of 반복문과 for 반복문을 활용한다. 반복 변수는 const를 쓴다. (ex) const arr = ['아침', '점심', '저녁'] for(const i in arr) { console.log(`${i}번째 값: ${arr[i]}`) } for of 반복문 for(const 반복 변수 of 배열 또는 객체){ 문장 } 반복 변수에 요소의 값이 들어간다. for in 반복문은 arr[i]로 요소에 접근했지만 for of 반복문은 요소의 값을 반복할때 안정적이..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/9NnXv/btrPlaZHat1/MX5TqSgiRU4PLSmKVqUWqK/img.png)
배열 [요소, 요소, 요소, ..., 요소] 내부의 값을 쉼표(,)로 구분한다. 배열 내부의 요소들은 어떠한 자료형도 가능하며 모두 일치할 필요가 없다. 배열 요소 접근 배열이름[인덱스] 배열 요소 개수 배열이름.length (+ 문자열의 길이와 동일하게 사용한다.) 배열 요소 추가(push) 배열 뒷부분에 요소를 추가할때 push 함수를 사용한다. 배열이름.push(요소) 배열 요소 추가(index) 자바스크립트에서 배열의 길이는 고정되어 있지않다. 요소 3개를 가질 수 있는 배열에 10번째 인덱스에 요소를 추가할 수 있다. 이때, 4~9번째 인덱스에는 아무것도 없는 empty가 된다. (+ 이 원리를 이용하여 배열의 길이를 이용하여 마지막 위치에 요소를 추가할 수 있다.) 배열 요소 제거(인덱스) 배..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oZjGd/btrOCYz3JQj/0uBNyYbj8xo7787TLjisYk/img.png)
split '문자열(string)'.split(separator, limit) separator 구분 기호를 뜻한다. 즉 뭘로 잘라내 배열을 만들 것인지를 정함. 필수는 아니다. 입력하지 않으면 문자열 전체를 그냥 배열에 한번 담아 1개의 배열의 크기를 갖는다. limit 몇개의 원소까지 만들 것인가? 필수가 아니다. 예제(1) const alphabet = 'A/B/C' const arr = alphabet.split('/') alphabet에 문자열 A/B/C가 담겨 있다. 이것을 '/'로 잘라내 배열을 만들었다. 아래의 실행 결과를 보자. arr.length arr[0] arr[1] arr[2] 실행 결과 예제(2) limit를 사용해보자 위의 예제를 그대로 사용해 1개의 limit로 제한해 spl..