본문 바로가기

javascript43

for 구문이 한 줄 일 때 for 문에 중괄호 { }를 생략할 수 있습니다. 하지만 중괄호 없이 쓸 수 있는 경우는 실행할 코드가 한 줄일 때입니다. 중괄호 없이 한 줄로 작성된 코드는 바로 다음 줄에 오는 한 문장만 반복문에 포함됩니다. 2024. 9. 7.
배열이나 문자열에서 주어진 인덱스 위치 요소 반환 > at at(-1) 메서드는 JavaScript의 최신 기능 중 하나로, 배열이나 문자열에서 주어진 인덱스에 위치한 요소를 반환합니다. 특히, 음수 인덱스를 사용하여 배열이나 문자열의 끝에서부터 요소를 가져올 수 있습니다. 이 기능은 ES2022(ECMAScript 2022)에서 도입  const array = [1, 2, 3, 4, 5];console.log(array.at(0)); // 1console.log(array.at(-1)); // 5 (마지막 요소)console.log(array.at(-2)); // 4 (끝에서 두 번째 요소)  const str = 'hello';console.log(str.at(0)); // 'h'console.log(str.at(-1)); // 'o' (마지막 문자)co.. 2024. 6. 27.
화살표 함수와 일반 함수는 각각의 장단점과 적절한 사용 시점 화살표 함수와 일반 함수는 각각의 장단점과 적절한 사용 시점이 있습니다. 따라서, 둘 중 하나를 선택할 때 상황에 따라 어떤 방식이 더 적합한지 판단하는 것이 중요합니다. 화살표 함수로 작성하기 어려울 때만 일반 함수로 구현하는 것이 반드시 더 나은 것은 아닙니다. 각각의 함수 스타일이 적절한 경우를 이해하는 것이 중요합니다.### 화살표 함수화살표 함수는 다음과 같은 경우에 유용합니다:1. **간결한 문법**: 함수 본문이 짧고 간단할 때.2. **`this` 바인딩**: 화살표 함수는 자신의 `this`를 가지지 않고, 상위 스코프의 `this`를 사용합니다. 이로 인해 콜백 함수나 메서드 내에서 `this`를 일관되게 유지할 수 있습니다.3. **익명 함수**: 고차 함수의 인자로 전달되는 함수처럼.. 2024. 6. 26.
여러 개의 "case"문 묶기 2024. 6. 25.
nullish 병합 연산자(nullish coalescing operator) ?? x = (a !== null && a !== undefined) ? a : b; 원래는   조건 ? 첫번째가 아니면 : 이것이렇게 적었는데 firstName ?? lastName ?? nickName ?? "익명의 사용자"이게 맞니?? 아님 이거?? 아님 이것인가??  다 아님 이걸로  이런식으로 나오는 것  우선순위가 낮으므로 괄호를 쓰는 편을 추천추가로 안정성 관련 이슈 때문에 ??는 &&나 ||와 함께 사용하지 못합니다. >>>>스펙에 추가된 지 얼마 안 된 문법입니다. 구식 브라우저는 폴리필이 필요합니다.          https://ko.javascript.info/nullish-coalescing-operator nullish 병합 연산자 '??' ko.javascript.infonullis.. 2024. 5. 29.
옵셔널 체이닝(Optional Operator) 옵셔널 연산자(Optional Operator)는 JavaScript에서 값이 `null` 또는 `undefined`일 수 있는 경우 이를 안전하게 접근하거나 조작하기 위한 문법입니다. 대표적으로 옵셔널 체이닝(Optional Chaining)과 널 병합 연산자(Nullish Coalescing Operator)가 있습니다.### 1. 옵셔널 체이닝(Optional Chaining)옵셔널 체이닝(`?.`)은 객체의 프로퍼티에 접근할 때, 해당 프로퍼티가 존재하지 않거나 `undefined`일 경우 에러를 발생시키지 않고 `undefined`를 반환하는 연산자입니다.#### 문법```javascriptlet value = obj?.prop;let value = obj?.[expr];let value = a.. 2024. 5. 22.