[JavaScript] 객체 메소드assign()와 배열메소드 findIndex() 개념정리

객체 메소드 findIndex()와 assign()  2가지 알아보기

 

findIndex()

const array1 = [5, 12, 8, 130, 44];
 
const isLargeNumber = (element) => element > 13;
 
console.log(array1.findIndex(isLargeNumber));
 
// 3 이 나온다.

const array = ["google", "naver", "kakao", "facebook", "coupang"];
 
const wantToGo = (element) => element === "facebook";
 
console.log(array.findIndex(wantToGo));
 
// 3 이 나온다.

 

 

assign() 

Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다.

 

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 }

두 객체에 같은 객체의 키를 가지고 있다면, 뒤에 있는 키값이 덮어씌여진다. (수정하거나 할때 진짜 꼭 필요...)

 

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

 

이번 과제를 진행하면서 객체와 배열의 메소드를 정확히 숙지하지 못했구나 라는 생각이 들었다.

그래서 이번에 사용한 배열매소드, 객체메소드 하나씩 정리