반응형 자바스크립트5 [자바스크립트]객체 생략 표기법 객체 기술 방법으로써 사용 빈도가 높은 쇼트핸드(생략 표현)가 있다. '객체의 속성명'과 '설정한 변수명'이 같으면 생략 가능하다. const name = "개발하는 고양이" const age = 6; const user = { name : name, age : age, } console.log(user); //결과 : {name: 개발하는 고양이, age: 6} const name = "개발하는 고양이"; const age = 6; const user = { name, age } console.log(user); //결과: {name : "개발하는 고양이", age: 6} 참고: 모던 자바스크립트로 배우는 리액트 입문 2023. 6. 8. [자바스크립트]스프레드 구분 ... (깊은 복사, 얕은 복사) 스프레드 구문은 ... 과 같이 점 세개를 연결해서 사용한다. 배열에 이용함으로써 내부 요소를 순차적으로 전개할 수 있다. 일반적인 함수 사용 방법 스프레드 구문 사용 방법 스프레드 구문은 요소를 모으는 데도 활용할 수 있다. 요소 모으기 요소 복사와 결합(깊은 복사) 얕은 복사는 주소의 참조값(주소값)을 복사하고, 깊은 복사는 객체의 실제 값만 복사한다. 새로운 배열 생성 두 개의 배열 결합 여러 객체 결합 여기서 객체의 속성이 같으면 어떻게 되는지 테스트 해보았다. 덮어씌어지는 걸 확인 할 수 있다. 등호를 사용해서 복사하면 안 되는 이유(얕은 복사) 등호를 이용하여 복사하면 배열이나 객체 등 '오브젝트 타입'이라 불리는 변수는 참조값 역시 상속되기 때문에 예상치 못 한 동작을 일으킬 수 있다. 즉,.. 2023. 6. 7. [자바스크립트]=를 이용하여 디폴트값 주기 인수의 디폴트값 메시지를 출력하는 함수 실행 시 인수가 전달되지 않은 경우 디폴트값 설정 디폴트값이기 때문에 값이 전달되면 전달된 값을 우선으로 한다. 객체 분할 대입의 디폴트 값 존재하지 않는 속성을 출력 분할 대입 시의 디폴트값을 설정 조상님로또-번호추천, 분석 - Google Play 앱 조상님 로또 앱을 이용하여, 무료로 로또 당첨 확률을 높일 수 있습니다. play.google.com 뽀모도로 타이머(Pomodoro Timer) - Google Play 앱 뽀모도로(Pomodoro)공부법은 단시간 집중력 향상을 위한 자기주도 학습법입니다. play.google.com 참고 : 모던 자바스크립트로 배우는 리액트 입문 2023. 6. 6. [자바스크립트]객체, 배열 분할대입 분할 대입은 객체나 배열로부터 값을 추출하기 위한 방법이다. 분할 대입을 사용하지 않고 처리 객체 속성 수가 많아지거나 객체 변수명이 길어지면 매번 '변수명.속성'으로 입력하기 매우 번거롭다. 이럴 때 분할 대입을 이용한다. 분할 대입 이용 {}를 변수 선언부에 이용하면 객체 안에서 일치하는 속성을 추출할 수 있다. 존재하지 않는 속성명은 지정할 수 없다. 이름만 일치한다면 일부만 추출하는 것도 가능하고 순서가 달라도 상관없다. //일부만 추출 const {age} = myProfile; //순서를 바꾸어 추출 const { age, name } = myProfile; 만약, 추출한 속성에 별칭을 붙이고 싶을 때는 : 을 사용하면 된다. 배열 분할 대입 객체와 마찬가지로 배열도 분할 대입을 이용할 수 있.. 2023. 6. 6. [자바스크립트]백틱을 이용한 템플릿 문자열 템플릿 문자열은 문자열 안에서 변수를 전개하기 위한 새로운 표기법이다. 문자열을 결합할 때마다 +를 입력해야 하기 때문에 읽기 힘들고 작성하는 것도 귀찮다는 문제가 있었다. ES6 이후부터는 백틱(역따옴표 또는 백쿼트라고도 한다)을 이용하여 편리하게 입력할 수 있게 되었다. 조상님LOTTO - Google Play 앱 무료로 로또 당첨 확률을 높일 수 있습니다. play.google.com 뽀모도로 타이머(Pomodoro Timer) - Google Play 앱 뽀모도로(Pomodoro)공부법은 단시간 집중력 향상을 위한 자기주도 학습법입니다. play.google.com 2023. 6. 6. 이전 1 다음 반응형
