객체4 [JS] 참조형과 기본 값 비교 자바스크립트 기본형 값의 특징은 변경할 수 없다는 점이다.let userMessage = "Hello";console.log(userMessage); // 주소: 1000 값: HellouserMessage = "Hello there";console.log(userMessage); // 주소: 1001 값: Hello thereuserMessage = userMessage.concat('!!!');console.log(userMessage); // 주소: 1002 값: Hello there!!!userMessage에 다른 값을 저장할 수 있지만, 이렇게 하면 새로운 스트링이 생성된다.기존 메모리에 저장된 스트링이 다른 스트링으로 변경되는 것이 아니다.스트링 변수에 메소드(concat)를 실행해도 기존 스.. 2024. 7. 5. [JS] 스프레드 연산자(...) 원시 값이란 객체가 아니면서 메서드도 가지지 않는 데이터를 말한다.stringnumberbigintbooleanundefinedsymbolnull원시값은 변형할 수 없지만 재할당 할 수는 있다.let a = "hello"; // 주소 : 1000, 값 : helloa = 1; // 주소 : 1001, 값 : 1 재할당은 새 메모리 공간을 확보하는 것이다.값을 저장한 후 변수(a)가 이전에 참조하던 메모리 주소를 변경함(1000 -> 1001)으로써 이루어진다. 원시값을 복사하면 어떻게 될까?let a = 2; // 주소: 1000 값: 2let copiedA = a; // 주소: 1001 값: 2a = 3; // 주소: 1002 값: 3console.log(a); // 3console.log(copie.. 2024. 7. 5. [JS] 배열 및 객체의 분해(디스트럭처링) 배열 분해const userNameDate = ["Max","Kim"];const firstName = userNameDate[0];const lastName = userNameDate[1]; 이렇게 하면 직관적이지만 코드가 길어진다. 이 대신 왼쪽에 []을 놓고 상수 또는 변수를 정의하면 해당 배열을 분해해 배열 값을 가져올 수 있다.const [firstName, lastName] = ["Max","Kim"];console.log(firstName);console.log(lastName); 객체 분해const user = { name: "Max", age: 34}const name = user.name;const age = user.age; 객체 값을 이렇게 가져올 수 있지만 이 또한 길다. 왼쪽.. 2024. 7. 5. [JS] 객체와 클래스 여러 개의 값을 그룹으로 묶어 객체를 생성할 수 있다.const user = { name: "Max", age: 34, greet() { console.log("Hello"); console.log(this.name); }};console.log(user);console.log(user.name);user.greet();name과 age 프로퍼티에 값을 넣는다.점을 통해 객체의 값에 접근한다.function 키워드 없이 함수를 넣을 수 있다.객체 내 함수를 메소드라도 부른다.메소드에 매개변수를 받거나, return으로 반환하거나, console.log를 작성할 수 있다.메소드는 this 키워드로 객체의 프로퍼티에 접근할 수 있다. class로 실제 객체를 생성 시 사용할 청사진을.. 2024. 7. 5. 이전 1 다음 반응형