7개의 키워드로 결합하는 중요한 포인트
익명 함수라는 이름이 없는 함수로 function() { } 의 형태로 합니다.
선언 함수라는 함수로 함수 함수 이름(){}의 형태로 합니다.
함수의 괄호 안에 넣는 변수 매개변수라고 말합니다.
매개변수를 통해 함수는 외부 정리 로블 입력을 수신할 수 있습니다.
함수의 최종 결과 반환값라고 합니다.
함수에서 return 키워드를 입력하고 나중에 값을 넣어 생성합니다.
가변 파라미터 함수는 매개변수의 수가 고정되지 않은 함수를 의미합니다.
나머지 가중치 변수 (. . .)활용하여 만듭니다.
인기글
배포 연산자열 배열을 함수의 매개 변수로 확장하려는 경우에 사용합니다.
기본 파라미터파라미터에 디폴트치를 넣고 싶을 때에 사용하는 파라미터입니다.
1. A에서 B까지 범위를 지정한 후 범위의 모든 숫자를 곱하는 함수를 만듭니다.
<script>
function multiplyAll(A,B){
let output = 1
for (let i =A; i <=B; i++) {
output = output * i
}
return output
}
콘솔.로그(multiplyAll(1,2))
콘솔.로그(multiplyAll(1,3))
script>
2. 다음 단계에서 최대값을 찾는 max() 함수를 만듭니다.
- 파라미터로서 max(1,2,3,4) 등의 배열을 받는 max() 함수를 작성합니다.
<script>
const 최대 = function(array) {
let output = array(0)
for (const item of array) {
if (output < item) {
output = item
}
}
return output
}
콘솔.로그(최대((1, 2, 3, 4)))
script>
- 파라미터로서 max(1,2,3,4) 등의 수치를 받는 max() 함수를 작성합니다.
<script>
const 최대 = function (…array) {
let output = array(0)
for (const item of array) {
if (output < item) {
output = item
}
}
return output
}
콘솔.로그(최대(1, 2, 3, 4))
script>
- max((1,2,3,4)) 및 max(1, 2, 3,4) 형식을 모두 입력할 수 있는 max() 함수를 만듭니다.
<script>
const 최대 = function(first,…rests) {
let output
let items
if(Array.isArray(first)) {
output = first(0)
items = first
}else if (typeof(first) === ‘number’){
output = first
items =rests
}
for(const item of items){
if(output < item){
output = item
}
}
return output
}
콘솔.로그(`배열: ${최대((1, 2, 3, 4))}`)
콘솔.로그(`숫자… : ${최대(1, 2, 3, 4)}`)
script>
네 개의 키워드로 결합하는 중요한 포인트
- 콜백 함수는 매개 변수로 전달하는 함수를 의미합니다.
- 화살표 함수(옐로우 함수)는 익명 함수를 쉽게 사용하기 위해 만들어진 함수 생성 문법입니다.
() => {} 형태로 함수를 생성해, 반환값만을 가지는 함수이면 () => 값 형태로 사용할 수 있습니다. - 즉시 호출 함수이것은 변수의 이름 충돌을 방지하기 위해 코드를 안전하게 사용하는 방법입니다.
- 자바스크립트 문법 오류를 추가로 발생 엄격 모드는 실수를 줄이는 방법입니다.
‘use strict’라는 문자열을 블록의 맨 위에 배치하여 사용할 수 있습니다.
1. filter 함수의 콜백 함수 부분을 채우고 ①홀수만 추출, ②100이하의 수만 추출, ③5로 나눈 나머지가 0의 수만큼 추출해 주십시오. 그런 다음 코드 실행 결과를 기록해 둡니다.
<script>
let numbers =(273, 25, 75, 52, 103, 32, 57, 24, 76)
const 한 = numbers.filter(function (value){
return value % 2 === 1
})
const 두 = numbers.filter(function (value){
return value <= 100
})
const 세 = numbers.filter(function (value){
return value % 5 === 0
})
콘솔.로그(`첫 번째 문제: ${한} \n두 번째 문제: ${두} \n세 번째 문제: ${세} `)
script>
2. 이전에 반복문 부분에서 보았던 다음 코드를 배열의 forEach 메서드를 사용하는 형태로 변경합니다.
<script>
const array =(「사과」, “배”, 「귤」, “바나나”)
콘솔.로그(‘# for in 반복문’)
for (const i in array){
콘솔.로그(i)
}
콘솔.로그(‘# for in 반복문 forEach로 수정’)
array.forEach(function(value, 색인, array){
콘솔.로그(색인)
})
콘솔.로그(‘# for of 반복문’)
for (const i of array){
콘솔.로그(i)
}
콘솔.로그(‘# for of 반복문 forEach로 수정’)
array.forEach(function(value, 색인, array){
콘솔.로그(value)
})
script>
