📌 JavaScript 기초 제어문 - 1
1. 조건문
1-1. 비교연산자
==: '같다' 라고 표현될 수 있는 비교 연산자 이지만 여러 타입이 존재하는 JavaScript에서는 사용하지 않는다.===: 비교하는 대상의 타입이 동일하고 내용이 일치할 경우만 true를 반환한다
1-2. 논리연산자
&&: and 연산자 (비교되는 값이 모두 true 일 경우를 제외한 나머지 값은 모두 false를 반환한다.)||: or 연산자 (비교되는 값이 모두 false 일 경우를 제외한 나머지 값은 모두 true를 반환한다.)!: Not 연산자 (trusty or falsy 값을 반전시킨다.)!undefind // true
'Hello world' // false
null // false
2. 문자열
2-1. 문자열의 특징
- 문자열은 index로 접근이 가능하지만 쓸 수 없다. (read only 이며 immutable한 값)
string타입과 다른 타입 사이에+연산자 사용 시 해당 값은string으로 변환된다.
2-2. 다양한 method
str.indexOf():( )에 해당하는 string의 index를 반환str.includes():( )에 해당하는 string 존재를boolean값으로 반환
let str = "I like milk";
console.log(str.indexOf('l')) // 2
console.log(str.lastIndexOf('l')) // 9 뒤에서부터 해당하는 string의 index을 반환
console.log(str.includes('n')) // false str.split(): 정해진 기준에 따라 분리된 문자열을 배열로 생성한다.
let str = "Let me introduce myself.";
console.log(str.split(" ")) // ['Let', 'me', 'introduce', 'myself.]str.substring(start, end): start와 end 사이의 문자열을 가져와 반환한다.
let str = 'future';
console.log(str.substring(1, 3)) // ut --> end 이전 index까지의 값만 출력한다.
console.log(str.substring(3, 1)) // ut --> start, end의 순서는 상관없다.
console.log(str.substring(3, -1)) // fut --> 음수는 0으로 취급한다.str.toUpperCase(): string 을 모두 대문자로 변환한다.
str.toLowerCase(): string 을 모두 소문자로 변환한다.
let str = "SoundBar";
console.log(str.toUpperCase())
console.log(str.toLowerCase())+ 추가로 알게 된 점
Math.ceil(): 올림Math.floor(): 내림Math.round(): 반올림Math.abs(): 절댓값- `` : js template literal, 표현식(expression)을 포함해 문자열을 표현하는 방식
let num1 = 3; num2 = 5;
let abs = Math.abs(num1 - num2);
console.log(`${num1}, ${num2}의 차이는 ${abs}입니다.`) // template literal느낀점 😂
오늘은 JavaScirpt 기초 제어문의 첫시간으로 조건문, 문자열에 대해 학습했다.
사실 어제 개념학습이나 응용 문제들을 풀어보면서 "오, 재밌는데? 잘 풀 수 있겠는걸?" 이라했던 내 자신에게 반성한다... 개념학습 시간에 내용도 정리해가면서 여러 메소드를 공부했는데 막상 코플릿 문제에 입성하니 페어분께 질문투성이.... 이런 부족한 나에게 페어분께서는 정답을 바로 알려주시지 않고 문제에 대해 생각해보고 중간중간 힌트를 주시면서 나를 이끌어주셨다.. 페어분 안계셨으면 저 어디쯤 쓰러져있지 않았을까? 오늘로써 확실하 알았다 나는 좀 더 학습이 필요하다! 진짜 열심히 해야한다 여겼다. 앞으로는 좀 더 넓고 깊게 학습하면서 자바스크립트의 알고리즘을 하나씩 뽀셔봐야겠다! 내일의 나 화이팅!
예비 프론트엔드 개발자