[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] 객체 속성 전체 출력하기 - for in 반복문

for in 반복문 자바스크립트에서 for in 문은 객체의 값이 아닌 속성을 반복하는 데 사용됩니다. 아래 예제에서 'person' 객체에는 'name', 'age', 'gender' 세 가지 속성이 있습니다. for in 문을 사용하여 'person' 객체의 각 속성을 반복합니다. See the Pen javascript - for in by saladent (@saladent) on CodePen. 실행결과 객체가 갖고 있는 전제 속성이 순서대로 출력되는 걸 확인할 수 있습니다.

• format_list_bulleted javascript
• · 2023. 4. 28.
• 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