minlog
[ Javascript ] 구조 분해 할당
FrontEnd/Javascript 2023. 8. 14. 16:15

구조분해할당 = 비구조화 할당 원하는 속성들만 꺼내서 변수로 만들어 사용할 수 있다는 장점이 있다. 1. 구조분해할당 객체 사용 const user= { name ='Heropy', age =85, email ='thesecon@gmail.com' } const {name, age, email, address} = user console.log(`사용자의 이름은 ${name}입니다.`); //결과값 : 사용자의 이름은 Heropy입니다. console.log(`${name}의 나이는 ${age}입니다.`); // 결과값 : Heropy의 나이는 85입니다. console.log(`${name}의 이메일은 ${email}입니다.`); // 결과값 : Heropy의 이메일은 thesecon@gmail.com..

[ Javascript ] Object 객체의 정적 메서드
FrontEnd/Javascript 2023. 8. 14. 15:56

Object Static Method Object 전역 객체부분의 프로토 타입의 메서드가 아니라서 전역객체에 직접 사용해야한다. 실제 객체 데이터 자체에 사용 할 수 없다. 1 . assign(대상객체, 출처객체, ... , ...) 매개변수 하나 이상의 객체를 병합하여 리턴한다. 속성의 이름은 고유해야하는데 이름이 동일하다면 대상객체 위에 출처객체가 덮어써진다. const userAge ={ name :'Heropy', age: 85 } const userEmail ={ name :'Heropy', email: 'thescon@gmail.com' } const tartget = Object.assign(userAge, userEmail); console.log(tartget) // {name :'Her..

[ Javascript ] 배열
FrontEnd/Javascript 2023. 8. 14. 15:21

JAVASCRIPT 배열 1. 기존 배열을 가지고 새로운 배열 생성. map() : 결과 값을 배열로 생성 filter() : 일치하는 값을 배열로 생성 const numbers = [1,2,3,4]; const a = numbers.map(num => num num < 3); console.log(b) // 결과 값 [1,2] 2. 조건 특정 값 찾기 .find() : 조건의 특정한 값을 찾으면 해당 값을 전달하고 루프가 멈춘다. .findIndex() :조건에 맞는 값의 배열 인덱스를 전달하고 루프가 멈춘다. const fruits = ['Apple'..