개발 공부/웹개발
[JavaScript] 객체 메소드assign()와 배열메소드 findIndex() 개념정리
크롱이크
2021. 6. 1. 00:12
객체 메소드 findIndex()와 assign() 2가지 알아보기
findIndex()
|
1
2
3
4
5
6
7
|
const array1 = [5, 12, 8, 130, 44];
const isLargeNumber = (element) => element > 13;
console.log(array1.findIndex(isLargeNumber));
// 3 이 나온다.
|
cs |
findIndex라는 매소드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다.
만족하는 요소가 없으면 -1을 반환합니다.
|
1
2
3
4
5
6
7
|
const array = ["google", "naver", "kakao", "facebook", "coupang"];
const wantToGo = (element) => element === "facebook";
console.log(array.findIndex(wantToGo));
// 3 이 나온다.
|
cs |
assign()
Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다.
|
1
2
3
4
5
6
7
8
9
10
|
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);
console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }
console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }
|
cs |
두 객체에 같은 객체의 키를 가지고 있다면, 뒤에 있는 키값이 덮어씌여진다. (수정하거나 할때 진짜 꼭 필요...)
|
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
|
const myFlight = {
uuid: 'af6fa55c-da65-47dd-af23-578fdba40bed',
departure: 'ICN',
destination: 'CJU',
departure_times: '2021-12-02T12:00:00',
arrival_times: '2021-12-03T12:00:00'
}
const changeFlight = {
uuid: 'af6fa55c-da65-47dd-af23-578fdba40bed',
departure: 'Seoul',
destination: 'jeju',
}
const newMyFlight = Object.assign(myFlight, changeFlight);
//newMyFlight나 myFlight의 값은 같다.
//newMyFlight 여기엔 새로운 변수로 선언했고,
//myFlight는 값이 안에 들어왔다.
console.log(newMyFlight);
// expected output: Object {
// uuid: 'af6fa55c-da65-47dd-af23-578fdba40bed',
// departure: 'Seoul',
// destination: 'jeju',
// departure_times: '2021-12-02T12:00:00',
// arrival_times: '2021-12-03T12:00:00'
// }
|
cs |
이번 과제를 진행하면서 객체와 배열의 메소드를 정확히 숙지하지 못했구나 라는 생각이 들었다.
그래서 이번에 사용한 배열매소드, 객체메소드 하나씩 정리
반응형