티스토리 뷰
< 조건 >
1. newData라는 배열이 있다.
2. api 호출하여 값을 전달해줘야하는데 백엔드 쪽에서 설정한 변수가 프론트쪽에서 설정한 변수/DB 컬럼과 다름
3. 백엔드쪽에서 지정해준 변수를 key로 하나의 객체로 보내줘야 함
4. 백엔드에서 설정한 변수명은 keys에 담아두고 newData 배열을 돌리면서 객체로 만들어 값을 넣어줘야 함
5. 만일 keys[index]가 노오랑인 경우 다른 값으로 넣어줘야 함
아래는 만든 함수
const newData = [
{ group: '초록', name: 'Alice', date: '2024-03-01' },
{ group: '노랑', name: 'Bob', date: '2024-03-02' },
{ group: '하양', name: 'Charlie', date: '2024-03-01' },
{ group: '연초록', name: 'David', date: '2024-03-02' },
{ group: '파랑', name: 'Eve', date: '2024-03-03' }
];
const arrayData = {};
const keys = ['초오록', '노오랑', '하야앙', '연초로옥', '파라앙'];
newData.forEach((item, index) => {
const key = keys[index];
arrayData[key] = item['name'];
if (key === '노오랑') {
arrayData[key] = 'changeName';
}
});
console.log(arrayData);
해당 값은 아래처럼 나오게 된다.
{
"초록": "Alice",
"노랑": "changeName",
"하양": "Charlie",
"연초록": "David",
"파랑": "Eve"
}
'Js' 카테고리의 다른 글
[JS] 배열 안에 배열에서 특정 조건을 찾고 싶을 때 (0) | 2024.04.04 |
---|---|
JS - 정규식 테스트 배열 혹은 KEY로 하기 / 얕은 복사, 깊은 복사 - (0) | 2024.03.09 |
bubbles / cancelable / dispatchEvent (Uncaught TypeError: Cannot read properties of null) (0) | 2023.09.25 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 개발자질문
- 구글스프레드시트
- 부트스트랩
- pcap저장
- 고유식별자
- selectOption
- 와이어샤크문법
- 개발자면접질문
- 프론트엔드 #
- springMVC #DTO #VO #DAO
- How to generate an uuid in google sheet?
- centos7
- ReflectionTestUtils
- 패킷캡쳐하는법
- 스프링프레임워크
- vue라이프사이클
- PathVariable
- computed
- invokeMethod
- selectpicker
- 로컬에서서버
- SCP 명령어
- 파일전송프로토콜
- uuid
- 서버포트설정
- APP SCRIPT
- 파라미터받는법
- 리눅스
- vue.js
- nextTick
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함