// 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 |