Language/JavaScript33 [JavaScript] 속성 접근자 - 점 표기법(Dot notation) vs 괄호 표기법(Bracket notation) 객체의 property를 접근하는데에는 2가지 방법이 있습니다. 점 표기법(Dot notation) 과 괄호 표기법(Bracket notation) 입니다. console.log(profile.firstname); console.log(profile['firstname']); 점 표기법과 괄호 표기법의 가장 큰 차이는 괄호 표기법안에는 아무 표현식(expression)을 넣는 것이 가능하다는 점입니다. const profile = { firstName: 'kim', lastName: 'minsu', age: 25, job: 'student', friends: ['kwon', 'lee', 'min'] } const nameKey = 'Name'; console.log(profile['first' + nam.. 2021. 1. 6. [JavaScript] expression 과 statement의 차이 1. 표현식(expressoin) 표현식(expressoin)은 값을 만들어 냅니다. 표현식은 우리가 원하는만큼 길어질 수 있으나 항상 동일한 값이 나오지는 않습니다. 표현식은 값을 하나로 만들어내는 작은 조각입니다. 1 + 2 예를 들어, 1 + 2 는 값을 만들어냅니다. 3 3도 single value 이지만, 마찬가지로 expression 입니다. 3이라는 값을 만들어 내기 때문입니다. true && false && !false 위 예시도, boolean 값을 만들어내기 때문에 expression 입니다. 간단히 요약해보자면, 표현식(expressoin)은 스스로 값을 만들어냅니다. 2. 문장(statement) 문장(statement)은 실행했을 때 좀 더 큰 조각입니다. 그리고 표현식과의 가장 .. 2021. 1. 5. [JavaScript] 화살표 함수(arrow fuction) 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다. 바로 화살표 함수(arrow function)를 사용하는 것입니다 let func = (arg1, arg2, ...argN) => expression 이렇게 코드를 작성하면 인자 arg1..argN를 받는 함수 func이 만들어집니다. 함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환합니다. const calcAge = function (birthyear) { return 2020 - birthyear } const calcAge2 = (birthyear) => 2020 - birthyear; 화살표 함수를 사용할 경우에 expression이 한 줄일 경우 return 문이 필요.. 2021. 1. 5. [JavaScript] === 와 == 의 차이 === 와 == 의 차이 === : strict equality operator : 동일한 비교를 수행하지만 strict이기 때문에, 강제적 형변환(type coercion) 을 실행하지 않습니다. 형식이 다른 경우 false가 반환됩니다. '18' == 18 // true '18' === 18 // false 위의 경우는 강제적 형변환(type coercion)을 허용하기 떄문에 결과는 true가 나오지만 아래의 경우는 강제적 형변환(type coercion)을 허용하지 않기 때문에 각각 String 과 number 형태이기 때문에, 형식이 달라 false를 반환하게 됩니다. JavaScript에서 false로 판단하게 되는 경우(falsy values)는 5가지 경우입니다. 0 '' undefined.. 2021. 1. 5. 이전 1 2 3 4 5 6 7 ··· 9 다음