메소드 체이닝, Method Chaining

개발 및 관리/Javascript 2023. 11. 23. 12:48 posted by HighLighter
반응형



// map() 메서드와 reduce() 메서드 동시 활용 --> 특정 문자열을 배열과 객체로 변환

// [1] : 문자열 --> 배열로 --> 객체로 변환
// 이때 --> map()메서드와 reduce() 메서드를 함께 사용이 가능(Method Chaining)


// [2] : 실습
// 문자열
const someStr = "홍길동 10, 이순신 20, 강감찬 30, 김유신 40, 을지문덕 50";

// 배열로 만들기
const frag = someStr.split(', ');

// 반복 --> map() --> reduce() --> method chaining
// 메서드간 체이닝 연결시 주의할 것 --> 세미콜론(;) 없애는 것 주의 필요함!!! 
const result = frag.map(val => {

// 할 일 처리 --> return
let [k, v] = val.split(' ');
return {k, v:Number.isNaN(Number(v)) ? v : Number(v)};
});

const result2 = result.reduce((acc, obj) => {
acc[obj.k] = obj.v;
return acc;
}, {});

console.log(result);
console.log('-------------------------------------------------------------------------------------------------------------------------------------------------------');
console.log(result2);

-------------------------------------------------------------------------------------------------------------------------------------------------------

const someStr = "홍길동 10, 이순신 20, 강감찬 30, 김유신 40, 을지문덕 50";

// 배열로 만들기
const frag = someStr.split(', ');

// 반복 --> map() --> reduce() --> method chaining
// 메서드간 체이닝 연결시 주의할 것 --> 세미콜론(;) 없애는 것 주의 필요함!!! 
const result = frag
.map(val => {
  let [k, v] = val.split(' ');
  return {k, v:Number.isNaN(Number(v)) ? v : Number(v)};
})

.reduce((acc, obj) => {
  acc[obj.k] = obj.v;
  return acc;
}, {});

console.log(result);







반응형

'개발 및 관리 > Javascript' 카테고리의 다른 글

jQuery 공부 1  (0) 2024.01.22
JSON 정의, 함수 stringify parse  (2) 2023.11.24
JSON replacer 옵션  (2) 2023.11.22
JSON 배열 읽기 가독성 높이기  (0) 2023.11.22
JSON 배열  (0) 2023.11.22