본문 바로가기

JavaScript15

[JavaScript] 익명함수 사용하기 📝익명함수 사용하기 익명 함수란 이름이 없는 함수를 의미한다. 즉, 함수를 선언할 때 함수 이름을 생략하는 것 아래 코드에서 myAdd 변수에 함수 표현식을 할당하고 있다. 이렇게 정의된 함수는 myAdd 변수를 통해 호출할 수 있다 var myAdd = function(x, y) { return x + y; }; myAdd(2,5) // 출력 7 익명 함수는 콜백 함수나 클로저 등의 용도로 많이 사용된다. 예를 들어, 다음과 같이 콜백 함수로 사용할 수 있다 아래 코드에서 map 함수에 익명 함수를 전달하고 있다(이 함수는 배열의 각 요소를 두 배로 만드는 함수이다) var numbers = [1, 2, 3, 4, 5]; var doubled = numbers.map(function(number) { .. 2023. 4. 18.
[JavaScript] 지역 변수와 전역 변수(변수의 범위) 📝지역 변수와 전역 변수(변수의 범위) ✏️전역 변수(Global Variable)는 스크립트 전체에서 접근할 수 있는 변수로, 함수 외부에서 선언된 변수이다 이 변수는 스크립트 전역에서 사용할 수 있으므로 여러 함수에서 공유되어 사용될 수 있다 하지만 전역 변수는 값이 변경될 가능성이 높아서 예측하지 못한 결과를 만들 가능성이 있으며, 메모리 공간을 계속 차지하고 있어서 성능 이슈가 발생할 수 있기 때문에 전역 변수를 최소화하는 것이 좋다 ✏️지역 변수(Local Variable)는 함수 내부에서 선언되는 변수로, 함수 내부에서만 사용할 수 있다 지역 변수는 함수 실행 시 생성되며, 함수가 종료될 때 함께 소멸한다 지역 변수는 함수 내에서만 유효하기 때문에, 다른 함수에서는 접근할 수 없다 이렇게 함수.. 2023. 4. 18.
[JavaScript] 함수 정의하기 📝함수 정의하기 자바스크립트에서 함수는 작업을 수행하는 코드 블록이다 함수는 매개변수를 받아들일 수 있으며, 필요에 따라 값을 반환할 수도 있다 함수는 코드의 재사용을 가능하게 하며, 중복 코드를 제거하고 코드의 구조를 더욱 효율적으로 만들 수 있다 ✏️함수 선언문 아래와 같은 방식으로 함수를 선언하면, 해당 함수는 전역 스코프에 정의된다 + 함수 선언문을 사용하여 함수를 정의하면 함수를 호출하기 전에 반드시 정의해야한다 함수 선언문은 호이스팅(hoisting)이라는 특성을 가지고 있어, 함수 선언문이 코드의 어느 위치에 있더라도 함수가 전역 스코프에서 정의된 것처럼 동작한다. 따라서 함수 선언문을 사용할 때는 함수를 호출하기 전에 함수를 정의하는 것이 좋다 function 함수명(매개변수1, 매개변수2.. 2023. 4. 18.
[JavaScript] 반복문, switch문에서 브레이크(break) 사용하기 📝반복문, switch문에서 브레이크(break) 사용하기 break는 반복문(for, while, do-while)이나 switch문에서 사용되어 해당 반복문이나 switch문을 빠져나오는 역할을 한다 반복문 내에서 break문이 실행되면 해당 반복문은 즉시 중지되고, 반복문 다음에 위치한 코드가 실행된다 또한, 중첩된 반복문에서 break문이 실행되면 가장 안쪽의 반복문만 종료된다 switch문에서 break문이 실행되면 switch문을 빠져나와 switch문 다음에 위치한 코드가 실행된다 만약 break문을 사용하지 않으면, 해당 case문부터 switch문의 마지막 case문까지의 모든 case문과 default문이 실행된다 예시 코드 // for문에서의 break for (var i = 1; i 2023. 4. 18.
[JavaScript] 반복문(while) 📝반복문(while) ✏️while문 while문은 주어진 조건식이 true인 동안 반복적으로 코드 블록을 실행하는 제어문이다 아래 코드의 형태를 갖는데, 조건식이 true이면 while문은 코드 블록 내부를 반복적으로 실행한다 코드 블록을 실행한 후에, 다시 조건식을 확인하고, 이때 조건식이 false이면 반복문이 종료된다 while (조건식) { // 반복 실행할 코드 } // ex) 1부터 5까지 출력하는 코드 let i = 1; while (i 조금 더 쉽게 이해하기 do-while문은 조건식의 참/거짓 여부에 상관없이 무조건 do 블록을 한 번은 실행한다는 점에서 while문과 다르다 이 코드는 0부터 4까지의 숫자를 출력한다 i가 5가 될 때까지 do 블록 안의 코드를 실행하고, while 뒤.. 2023. 4. 18.
[JavaScript] 프로퍼티(property)란? 📝프로퍼티(property)란? 프로퍼티(property)란 객체(object) 내부에 있는 변수(variable)를 의미한다 객체는 변수와 함수가 모두 포함된 데이터 집합이라고 볼 수 있는데, 객체 내부에 있는 변수를 프로퍼티라고 부른다 더보기 + 프로퍼티는 객체 안에서 키(key)와 값(value) 쌍으로 이루어진 것을 말하는데, 예를 들어, 아래와 같이 객체 리터럴을 사용하여 객체를 생성하고 name이라는 키에 "John"이라는 문자열 값을 할당한 프로퍼티를 만들 수 있다 이렇게 생성된 person 객체는 {} 안에 있는 프로퍼티를 가지고 있으며, 이 프로퍼티는 name이라는 키와 "John"이라는 값으로 이루어져 있다 var person = { name: "John" }; 객체의 프로퍼티는 다양한.. 2023. 4. 18.
[JavaScript] 반복문(for) 📝반복문(for) ✏️for문 for문은 지정된 조건식이 true일 때, 코드 블록을 반복적으로 실행하는 반복문이다 주로 배열이나 리스트와 같은 데이터 구조에 접근할 때 사용 > 초기화: 반복문에서 사용할 변수를 초기화한다 > 조건식: 반복문이 실행될 조건을 설정. 이 조건이 true이면 코드 블록이 실행된다 > 증감식: 반복문이 실행된 후, 변수 값을 증가 또는 감소시키는 식 for (초기식; 조건식; 증감식) { // 반복 실행할 코드 } // ex) 0부터 9까지의 숫자를 출력 for (let i = 0; i < 10; i++) { console.log(i); } ✏️for in문 for in문은 객체의 프로퍼티를 반복하여 처리하는 데 사용되는 반복문이다 객체의 각 프로퍼티에 대한 처리를 하고 싶을.. 2023. 4. 18.
[JavaScript] 조건문(switch) 📝조건문(switch) switch case문은 주어진 변수 또는 식(expression)의 값에 따라 다른 코드 블록을 실행하는 구문이다 expression은 평가할 값, value1, value2 등은 expression과 비교할 값이다 case문은 value1, value2 등과 비교하여 일치하는 경우 해당하는 코드 블록이 실행되고 break문은 해당 case문이 실행된 후, switch문을 빠져나가게 한다 default문은 위의 모든 case문에 해당하지 않는 경우 실행된다 switch (expression) { case value1: // expression === value1 인 경우 실행될 코드 break; case value2: // expression === value2 인 경우 실행될 .. 2023. 4. 17.
[JavaScript] 조건문(if) 📝조건문(if) 조건식은 true 또는 false 값을 평가할 수 있는 표현식이다 조건식이 true로 평가되면 if 문의 코드 블록이 실행되고, false로 평가되면 코드 블록을 건너뛴다 + else if 블록과 else 블록은 생략할 수 있다 if (조건식1) { // 조건식1이 참일 때 실행할 코드 } else if (조건식2) { // 조건식1이 거짓이고 조건식2가 참일 때 실행할 코드 } else { // 모든 조건식이 거짓일 때 실행할 코드 } if 문에서는 비교 연산자(>, =, 왼쪽 피연산자가 오른쪽 피연산자보다 크면 참을 반환 = 왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 참을 반환 2023. 4. 17.
[JavaScript] 배열(Array) 📝배열(Array) 배열 객체를 생성하고 초기화하려면 [] 또는 Array() 생성자를 사용하는 것이 일반적 ✏️new Array() var arr = new Array(); // 빈 배열 var arr = new Array(10); // 길이가 10인 배열 var arr = new Array(1, 2, 3); // 1, 2, 3으로 초기화된 배열 ✏️리터럴[] var arr = []; // 빈 배열 var arr = [1, 2, 3]; // 1, 2, 3으로 초기화된 배열 배열 인덱싱 var myWeek = ['월', '화', '수', '목', '금', '토', '일'] console.log(myWeek[0]) // 월 console.log(myWeek[6]) // 일 아래처럼 특정 인덱스를 지정해서 .. 2023. 4. 17.

티스토리툴바