본문 바로가기
728x90
반응형

IT/JavaScript와 Framework109

자바스크립트의 map 메서도 map은 자바스크립트의 배열 메서드 중 하나로, 배열의 각 요소를 하나씩 꺼내 특정 작업을 수행한 후, 변환된 값들로 새로운 배열을 만드는 데 사용됩니다. 간단히 말해, 배열 요소를 변환하거나 처리할 때 매우 유용한 도구입니다.기본 문법array.map(callback(element, index, array))callback: 각 요소를 처리할 함수를 지정합니다.element: 배열의 현재 처리 중인 요소입니다.index(옵션): 현재 요소의 인덱스입니다.array(옵션): 현재 처리 중인 원본 배열입니다.예제 1: 배열 요소 변환const numbers = [1, 2, 3, 4];const squaredNumbers = numbers.map(num => num * num);console.log(squa.. 2025. 3. 24.
옵셔널 체이닝(optional chaining) 자바스크립트에서 객체 뒤에 물음표(?)가 붙는 것은 **옵셔널 체이닝(optional chaining)**이라는 문법입니다.  이 문법은 객체가 `null`이나 `undefined`일 경우에도 에러 없이 안전하게 접근할 수 있도록 도와줍니다. 예를 들어: javascript 코드에서 let user = null; console.log(user?.name); // 출력: undefined 위 코드에서 `user?.name`은 `user` 객체가 `null` 또는 `undefined`인 경우에도 에러가 발생하지 않고 `undefined`를 반환합니다. 만약 `?` 없이 `user.name`을 호출하려고 하면, 에러가 발생할 수 있습니다. 즉, 옵셔널 체이닝을 사용하면 객체의 특정 속성이 존재하지 않거나 객체.. 2025. 3. 24.
배열 삽입 삭제 예제... // push(), pop() --> 뒤에서 삽입, 삭제 // unshift(), shift() --> 앞에서 삽입, 삭제 ==> 속도가 느려 권장 안함. let testAr = [1, 2, 3, 4, 5]; testAr.push(6); testAr.push(7); console.log(testAr); testAr.pop(); testAr.pop(); console.log(testAr); testAr.unshift('a'); testAr.unshift('b'); console.log(testAr); testAr.shift(); console.log(testAr); 2023. 12. 8.
forEach 메서드 사용예 //forEach --> function console.log('------------------------------'); const animals = ['cat', 'dog','sheep', 'hippo', 'tiger', 'pig']; // forEach(배열요소, 배열 인덱스, 원본배열 자체가 들어옴.) animals.forEach(function(item, idx, oriarr) { //반복처리 console.log(item, idx, oriarr); }) console.log('---------2, 3 of parameters omitted--------'); // 2번째와 3번째 파라미터 생략가능 animals.forEach(function(item) { //반복처리 console.log(i.. 2023. 12. 8.
728x90
반응형

티스토리툴바