728x90 Frontend46 6. 콜백 함수 콜백함수(Callback)는 매개변수로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다. 사용 원칙익명의 함수 사용 : 코드의 간결성을 위해 함수의 이름을 쓰지 않는다.화살표 함수 모양 : (매개변수) => 리턴값//익명 함수 예시callThreeTimes(function (i) { console.log('${i}번째 함수 호출')})//화살표 함수 예시sayHello((name) => { console.log("Hello, "+name);}); forEach()배열 내부의요소를 사용해서 콜백 함수 호출value : 현재 순회 중인 요소index : 현재 순회 중인 요소의 indexarray : 배열 객체//기본형 function (value, index, array) {} //예시 cons.. 2024. 7. 8. 5. 함수 함수 종류function 함수이름() {} : 함수 선언문. 뒤에 세미콜론(;)을 안 붙이는게 관습const/let 함수이름 = function() {}; : 함수 표현식const/let 함수이름 = () => {};//예시 function f(x){ return x*x } const f= (x,y,z) => {x * y * z}; 가변 매개변수 함수호출할 때 매개변수의 개수가 고정적이지 않은 함수배열 형태의 매개변수 사용함수의 매개변수 앞에 마침표 3개(...) 입력//기본형1 function ㅎ마수이름(...나머지 매개변수) {} //기본형2 function 함수이름(매개변수, 매개변수, ...나머지 매개변수) {} //예시1 function sample(...items) { .. 2024. 7. 7. 4. 배열 배열 요소 추가 / 제거 1. push() : 배열 뒷 부분에 요소 추가2. pop() : 배열 마지막 요소 제거3. unshift() : 배열 맨 앞 요소 추가4. shift() : 배열 맨 앞에 요소 제거 - 활용 코드let fruits = ['사과', '오렌지', '배'];alert( fruits.pop() ); -> fruits = ['사과', '오렌지'];alert( fruits.push('딸기') ); -> fruits = ['사과', '오렌지', '배', '딸기'];alert( fruits.shift() ); -> fruits = ['오렌지', '배'];alert( fruits.unshift('복숭아') ); -> fruits = ['복숭아', '사과' '오렌지', '배']; spl.. 2024. 7. 7. 3. alert, prompt, confirm alert메시지 팝업 창을 띄우는 용도alert() 안에 들어가는 내용을 출력한다.사용자가 '확인(OK)' 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있는다.alert (...); prompt문자열 자료형을 입력할 때 사용하는 함수사용자에게 텍스트를 입력하라는 메시지를 띄워줌과 동시에, 입력 필드를 제공한다.확인(OK)을 누르면 입력한 문자열을 반환하고, 최소(Cancel) 또는 Esc를 누르면 null을 반환한다.title : 사용자에게 보여줄 문자열default : 입력 필드의 초깃값. 입력하지 않아도 된다.//기본형 prompt (title, [default]); //예시 const input = prompt('message', '_default'); let age = prompt('나.. 2024. 7. 7. 이전 1 2 3 4 5 6 7 ··· 12 다음 728x90