[Javascript] 반복문 for문

for문 JavaScript에서 for문은 반복문의 한 종류로서 정해진 조건에 따라 코드 블록을 반복해서 실행하는 구문입니다. for문은 반복 횟수가 정해져 있는 경우에 사용하기 적합합니다. for문은 일반적으로 다음과 같은 구조를 가집니다. for (초기식; 조건식; 증감식) { // 조건식이 참인 동안 실행될 코드 블록 } 초기식은 반복문이 실행될 때 가장 먼저 실행되는 코드로서 일반적으로 반복을 제어하기 위한 변수를 초기화하는 역할을 합니다. 조건식은 반복문을 실행할 조건을 나타내며, 이 조건이 참(true)인 동안 반복문이 실행됩니다. 증감식은 반복문이 실행된 후에 변수를 증가 또는 감소시키는 코드로서, for문에서 주어진 코드 블록을 실행한 후에 실행됩니다. 예를 들어, 다음 코드는 0부터 9까..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[JavaScript] 조건문 switch문과 fall-through

조건문 JavaScript에서 조건문은 주어진 조건식이 참(true)인지 거짓(false)인지에 따라 다른 코드 블록을 실행하는 제어 구문입니다. JavaScript에서는 대표적으로 if, else if, else, switch 등의 조건문을 사용할 수 있습니다. switch문 switch문은 변수와 일치하는 case문으로 실행흐름을 옮깁니다. switch문과 일치하는 case문이 없다면 실행순서는 default문으로 이동합니다. 참고로 default문은 선택사항으로 사용할 수도 있고 사용하지 않을 수도 있습니다. switch문 구조 JavaScript에서 switch 문은 다음과 같은 구조를 가집니다. switch (변수) { case 값1: // 변수의 값이 값1과 일치할 때 실행되는 코드 블록 br..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 문자열 앞뒤 공백 제거 - trim()

JavaScript에서 trim() 메소드는 문자열의 앞 뒤, 즉 양 끝에 있는 공백을 제거하는 메소드입니다. 이 메소드는 원본 문자열을 변경하지 않고, 공백이 제거된 새로운 문자열을 반환해줍니다. 다음은 trim() 메소드의 사용 예시입니다. See the Pen javascript - trim() by saladent (@saladent) on CodePen. 위의 예시에서는 str 변수에 공백이 포함된 문자열을 할당하고, 이 문자열에서 trim() 메소드를 호출하여 양 끝의 공백을 제거한 후 newStr 변수에 할당합니다. trim() 메소드는 문자열에서 시작하는 공백과 끝나는 공백만 제거하며, 문자열 중간에 있는 공백은 제거하지 않습니다.

• format_list_bulleted javascript
• · 2023. 4. 30.
• textsms

[Javascript] 배열 합치기 3가지 방법

JavaScript에서 배열을 합치는 방법은 다음과 같습니다.  1. concat() 메소드 사용하기 concat() 메소드를 사용하여 두 개 이상의 배열을 하나의 배열로 합칠 수 있습니다. 이 메소드는 원본 배열을 변경하지 않고, 새로운 배열을 반환합니다.See the Pen javascript - concat() by saladent (@saladent) on CodePen.   2. spread 연산자 사용하기ES6부터 추가된 spread 연산자를 사용하여 배열을 합칠 수 있습니다. 이 방법도 concat() 메소드와 마찬가지로 원본 배열을 변경하지 않고, 새로운 배열을 반환합니다.See the Pen javascript - spread by saladent (@saladent) on CodeP..

• format_list_bulleted javascript
• · 2023. 4. 30.
• textsms

[Javascript] 배열의 특정 값 찾기 - find(), filter()

find() 구문 먼저 자바스크립트에서 find() 메서드는 배열에서 특정 조건을 만족하는 첫 번째 요소의 값을 반환해줍니다. arr.find() 메서드의 기본 구문은 다음과 같습니다. arr.find(callback[, thisArg]) callback은 사용자가 정의하는 함수로 element, index, array 아래 세가지 매개 변수를 받습니다. 각 매개변수에 대한 설명은 다음과 같습니다. element : 콜백함수에서 처리 중인 현재 엘리먼트입니다. index : 콜백함수에서 처리 중인 현재 요소의 인덱스입니다. array : find()가 호출된 배열입니다. callback은 배열의 각 요소가 처음으로 참을 반환할 때까지 호출되는 함수이며, thisArg는 콜백 함수 내에서 이 값을 설정하는..

• format_list_bulleted javascript
• · 2023. 4. 25.
• textsms

[Javascript] 배열, 문자열, 맵 전체 출력하기 - for of 반복문

for of 반복문 for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다. 배열 반복 배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다. See the Pen javascript - for of - array by saladent (@saladent) on CodePen. 문자열 반복 "Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다. See the Pen javascript - for of - string by saladent (@saladent) on CodePen. 맵 반복 세 개의 키-값 쌍이 있는 map으..

• format_list_bulleted javascript
• · 2023. 3. 30.
• textsms

[Javascript] 데이터 타입 확인하기 - typeof

JavaScript의 typeof 연산자는 변수 또는 표현식의 데이터 유형을 확인하는 데 사용됩니다. typeof 구문 typeof 연산자는 operand의 타입을 나타내는 문자열을 리턴해줍니다. typeof operand typeof(operand) typeof 예제 typeof 연산 결과 해당 변수의 데이터 유형이 문자열로 나타납니다. const name = "Bob"; console.log(typeof name); //"string" const age = 21; console.log(typeof age); //"number" const arr = [1, 2, 4]; console.log(typeof arr); //"object" const obj = {name:'Bob'}; console.log(t..

• format_list_bulleted javascript
• · 2023. 3. 28.
• textsms

[javascript] 익명함수란, 익명함수 쓰는 이유

익명 함수 익명함수란 말 그대로 이름이 없는 함수입니다. const sum = function (a, b) { return a+b; } console.log(sum(1, 2)); // 3 왜 익명 함수를 쓰나요?🧐 일반함수와 익명함수 둘은 다른 목적으로 생겨난 함수입니다. 일반적으로 함수란 재사용하기 위해 사용합니다. 재사용이 필요없다면 나중에 호출해 쓸 이름을 굳이 붙혀놓을 필요가 없겠죠? 바로 변수에 함수 호출 결과값을 넣어줌으로써 익명함수의 사용은 1회성으로 끝이납니다. 또한 메모리 관리 측면에서도 효과적일 수 있습니다. 일반 함수의 경우 언제든 호출될 수 있기 때문에 항상 메모리를 차지하고 있습니다. 반면 익명 함수의 경우 한 번만 사용하는 함수로 만들어졌기 때문에 쓰는 순간 외에 불필요한 시간동..

• format_list_bulleted javascript
• · 2022. 1. 20.
• textsms

javascript 배열 선언, 배열 항목에 접근하기(Array() 생성자사용)

지난 포스팅에서는 javascript 배열을 리터럴 표기법으로 생성해보았습니다. 실제 업무에선 리터럴 표기법이 작성이 간단해 많이 사용하며 Array() 생성자를 사용하는 것보다 리터럴 표기법을 사용하는 것이 여러 브라우저에서 좀 더 좋은 성능을 보입니다. javascript 배열 선언, 배열 항목에 접근하기(리터럴 표기법) 배열 생성 방법 javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다. 대괄호([ ])를 사용하는 배열 리터럴 표기법 Array() 생성자로 Array 객체 생성 배 likedev.tistory.com 배열 생성 방법 javascript로 배열을 생성하는 방법에는 2가지가 있습니다. 이번엔 Array() 생성자를 사용해 배열을 만들..

• format_list_bulleted javascript
• · 2022. 1. 18.
• textsms

javascript 배열 선언, 배열 항목에 접근하기(리터럴 표기법)

배열 생성 방법 javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다. 대괄호([ ])를 사용하는 배열 리터럴 표기법 Array() 생성자로 Array 객체 생성 배열 선언 배열을 선언할 때에는 [ ] 안에 값을 나열하면 됩니다. const fruits = ['사과', '바나나']; const arr = ['사과', '바나나', 1234]; // 서로 다른 데이터 타입도 가능 인덱스로 배열 항목에 접근하기 배열의 인덱스는 0부터 시작합니다. console.log(fruits[0]); //사과 console.log(fruits[1]); //바나나 빈 배열 생성 후 값 추가하기 크기를 지정하지 않고 빈 배열을 생성합니다. var fruits = []; fr..

• format_list_bulleted javascript
• · 2022. 1. 18.
• textsms