본문 바로가기

JavaScript12

[JavaCript] function을 쓰는 이유 - 파라미터 Alert 박스 버튼 함수의 소괄호()안에 문자나 숫자를 입력할 수 있다. 알림창 열기 함수를 실행하는데, here자리에 'block'과 'none'넣어 실행한다. 즉, 아래와 같은 코드가 되는 것이다. 함수 하나만으로 알림창을 열고 닫는 두 가지 기능을 구현할 수 있는 것이다. 파라미터를 쓰면 코드 양이 줄어들고 함수 하나로 다양한 기능을 실행한다. 2022. 11. 4.
[JavaScript] 전개 구문(Spread syntax) 전개 구문 : 배열 let arr1 = [1,2,3]; let arr2 = [4,5,6]; let result = [...arr1, ...arr2]; console.log(result); // [1, 2, 3, 4, 5, 6] let result = [0, ...arr1, ...arr2, 7, 8, 9 ] console.log(result); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 배열의 넣고 중간에 빼고 병합하는 작업은 굉장히 번거롭지만 전개 구문을 사용하면 쉽게 가능하다. 객체도 가능하다. 전개 구문 : 복제 let arr = [1, 2, 3]; let arr2 = [...arr]; // [1, 2, 3] let user = {name: 'Mike', age: 30}; let u.. 2022. 9. 16.
[JavaScript] 나머지 매개변수(Rest parameters) function showName(name) { console.log(name); } showName('Mike'); // 'Mike' name을 전달하면 name을 콘솔에 찍어준다. 만약 이름을 하나 더 전달하면 어떻게 될까? function showName(name) { console.log(name); } showName('Mike'); // 'Mike' showName('Mike', 'Tom'); // ? 에러는 발생하지 않고 'Mike'만 콘솔에 출력된다. 자바스크립트에서 함수에 넘겨주는 인수의 개수는 제한이 없다. 인수의 개수를 정해놓고 함수를 만들어도 실제 호출할때 정확히 그 개수를 맞출 필요는 없다. 심지어 아무것도 전달하지 않아도 된다. 에러는 발생하지않고 다만 undefined가 찍힌다... 2022. 9. 16.
[JavaScript] 구조 분해 할당 (Destructurning assignment) 구조 분해 할당 (Destructurning assignment) - 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 배열 구조 분해 let [x, y] = [1, 2]; console.log(x); // 1 console.log(y); // 2 x에 1이 들어가고 y에 2가 들어간다. let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; // let user1 = users[0]; // let user2 = users[1]; // let user3 = users[2]; console.log(user1); // 'Mike' console.log(user2); // 'Tom' console.log(user.. 2022. 9. 16.

티스토리툴바