본문 바로가기

JavaScript4

[JavaScript] 화살표 함수 vs 일반 함수 – 언제, 왜 다르게 쓸까? JavaScript에서 함수를 정의하는 방식은 다양하지만,대표적으로 function 키워드로 만든 일반 함수와 => 로 정의하는 화살표 함수가 있습니다.이 둘을 구분하지 않고 섞어 쓰면 this나 arguments 관련 버그가 생길 수 있습니다.이번 글에서는 두 함수의 핵심 차이점에 대해 알아보겠습니다. 문법 차이와 간결함기본 단순 함수부터 매개변수 하나, return 생략, 객체 리턴까지 다양한 형태를 직관적으로 비교해보겠습니다.// 일반 함수function greet(name) { return 'Hello, ' + name;}// 함수 표현식const greet2 = function(name) { return 'Hi, ' + name;}// 화살표 함수const greetArrow = (name).. 2025. 6. 26.
[JavaScript] 배열의 map() 과 filter() map() 과 filter()는 자바스크립트 배열 객체의 메서드이다. # map()map() 함수는 배열의 길이만큼 반복하며 파라미터로 전달된 함수에 배열의 각 요소를 적용하여 사용할 수 있다.const numbers = [1, 2, 3, 4, 5];const funcMap = numbers.map((num, idx) => { return num + 5;}console.log(funcMap) // [6, 7, 8, 9, 10] # filter()filter() 함수는 파라미터로 전달된 함수의 조건을 만족하는 값만 추출하여 새 배열을 반환한다.concat() 함수처럼 기존 배열은 유지한채 새로운 배열을 반환하는 불변성을 갖는다.const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, .. 2024. 7. 23.
[JavaScript] push()와 concat()의 차이점 자바스크립트에서 배열에 항목을 추가할 때 자주 사용하는 함수로 push()와 concat()이 있다.두 함수는 파라미터로 전달한 데이터를 배열의 마지막 항목으로 추가한다는 기능은 같지만 결과에서 큰 차이가 있다.push 함수는 기존 배열 자체를 변경하는 반면 concat 함수는 새로운 배열을 만든다는 점에서 차이가 나타난다. // push() 함수const arrA = [1, 2, 3];const pushArr = arrA.push(4);console.log(arrA); // [1, 2, 3, 4]console.log(pushArr); // 4// concat() 함수const arrB = [1, 2, 3];const concatArr = arrB.concat(4);console.log(arrB); //.. 2024. 7. 22.
[JavaScript] 변수 생성 키워드 var, let, const 자바스크립트에는 자바와는 다르게 변수 생성시 자료형을 지정하지 않고 키워드를 사용한다.ES6 이전에는 var 키워드로만 변수 선언이 가능했다.하지만 var 키워드로 생성된 변수에는 여러가지 단점이 있다.이를 보완하기 위해 ES6 이후 let, const 키워드가 추가되었다.let을 사용하여 var 변수의 단점을 보완할 수 있고 const로 상수를 선언할 수 있다. var 키워드의 단점 1. 중복 선언이 가능하여 데이터가 손실될 수 있다.// varvar a = "apple"; // applevar a = "banana"; // banana// letlet b = "apple"; // applelet b = "banana"; // SyntaxError: Identifier 'b' has already be.. 2024. 6. 29.

티스토리툴바