본문 바로가기
Today I learned!/오늘 하루 배운 것, 기억할 것

220323(Js)

by sweesweet 2022. 3. 23.

1. 식별자 네이밍 규칙

모던 자바스크립트 4.7절에(p47) 나와 있다.

식별자란? 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름 

-식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러기호($)를 포함할 수 있다.

-단, 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러기호($) 로 시작해야 한다. 숫자로 시작하는 것은 허용하지 않는다.

-예약어는 식별자로 사용 될 수 없다.

객체의 프로퍼티의 키는 일반적으로 문자열인데, 이때 식별자 네이밍 규칙을 준수한 이름은 따옴표를 생략할 수 있다.
예) user_name => 따옴표 없어도 됨.
    user-name => 따옴표로 묶어야 함.

2. 프로퍼티에 접근할때의 방법은 .과 [] 가 있는데, 여기서 []를 사용할 때 프로퍼티 키는 반드시 따옴표로 감싸줘야함.

프로퍼티의 키가 만약 네이밍 규칙을 따르고 있지 않다면, 반드시 대괄호의 표기법을 사용해야 한다

-예외(숫자로 이루어진 문자열인경우, 따옴표를 생략 가능)

3. 존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어 추가되고 프로퍼티 값이 됨

var test ={
	score:90;
}
test.grade='A'
console.log(test) =>{score:90,grade='A'}

4. 프로퍼티를 삭제할 때는 delete 연산자를 사용

var test ={
	score:90;
}
test.grade='A'
console.log(test) =>{score:90,grade='A'}

delete test.grade

5.concat() 과 배열끼리 더할때 차이( 갑자기 궁금해서 해봄)

const fruits =['Banana','Apple','Mango']
const numbers =[1,2,3,4]
//1.concat()
console.log(numbers.concat(fruits))//[1,2,3,4,'Banana','Apple','Mango']
console.log(typeof(numbers.concat(fruits)))//object
//2. 배열끼리 더하기
console.log(numbers + fruits) // 1,2,3,4Banana,Apple,Mango
console.log(typeof(numbers+fruits)) // string

이 때 concat()을 사용할 때 number의 배열데이터가 변경되는 것이 아니라(원본데이터 변경 x) 새로운 배열데이터가 생성되는것!

'Today I learned! > 오늘 하루 배운 것, 기억할 것' 카테고리의 다른 글

220330(css, html 혼자 깨달은 점)  (0) 2022.03.30
220328(js)[이해 아직 못함]  (0) 2022.03.29
220322(css)  (0) 2022.03.22
220321(css)  (0) 2022.03.21
220302 +메이킹 챌린지 후기  (0) 2022.03.02