[D+02] JavaScript 기초 02

 

D+02

-  JavaScript의 기초 02 -

(조건문, 문자열)

 

---

 

 

조건문

• 특정한 조건에서만 작업이 수행되게 할 수 있는 것이다.

 

• 참(true)과 거짓(flase)으로 나뉘는 'Boolean'은 조건문에서 중요한 역할을 담당한다.

 

• 비교 연산자(comparison operator)가 사용된다.

 

 

조건문 선언

if (조건1) { // 만약 조건1에 성립될 경우
	...
}
else if (조건2) { // 조건1에 성립되지 않고, 조건2에 성립될 경우
	...
}
else { // 모든 조건이 성립되지 않을 경우
	...
}    

 

 

비교 연산자

• 크고 작은 대소와 동등 관계를 따지는 연산자

 

•비교 연산자의 종류

연산자	설명
==	A와 B의 값이 같은지 비교
===	A와 B의 값 뿐만 아니라 자료형이 같은지 비교
!==	A와 B의 값이 다른지 비교
>	A가 B보다 큰지 비교
>=	A가 B보다 크거나 같은지 비교
<	A가 B보다 작은지 비교
<=	A가 B보다 작거나 같은지 비교

 

 

'=='와 '==='의 차이점

'=='는 단순히 값이 같은지를 비교하지만,

'==='는 값이 같은지 비교해줄 뿐만 아니라 자료형이 같은지 까지 비교해 준다.

 

또한 '=='를 사용했을 경우 '==='보단 엄격하게 비교하지 않기 때문에 약간의 오류 발생이 잦은 편이다.

 

JavaScript - Equality - table

 

 

논리 연산자

• 두 가지 조건을 한 번에 적용시켜야 될 때에 사용한다.

 

• 논리 연산자 종류

논리 연산자	설명
&& (AND 연산자)	논리식이 모두 참일 경우에 참이다
|| (OR 연산자)	논리식들 중에서 하나만 참이여도 참이다
! (NOT 연산자)	논리식의 결과가 참이면 거짓을, 거짓이면 참을 반환한다

 

Falsy 와 Truthy

• Truthy : Boolean 문맥에서 true로 평가되는 값으로 거짓 같은 값으로 정의되지 않았다면 모두 truthy로 평가된다.

 

•Falsy : Boolean 문맥에서 false로 평가되는 값

종류	설명
false	거짓
0	숫자 0
" "	빈 문자
undefined	값이 할당되지 않음
NaN	'Not a Number'로 숫자가 아님
null	아무런 값도 없음

 

---

문자열

 

 

문자열의 특징

• index로 접근은 가능하지만 값을 새로 할당하지 않는 한 값을 변경할 수 없다. (read-only)

 

• '+' 연산자를 사용할 수 있다.

str1 = 'Good ';
str2 = 'Morning!';

str1 + str2; // 'Good Morning!'

 

•string 타입과 다른 타입 사이에 '+'연산자를 사용하면, string 형식으로 변환이 된다.

str1 = '10';

str1 + 9; // '10' + 9로 '109'이다

 

 

length PROPERTY

•문자열의 전체 길이를 반환

let str = 'watermelon';

return str.length; // 10

 

 

str.indexOf(searchValue)

•searchValue에 있는 문자가 str에 어떤 인덱스에 위치해 있는지 알려줌

'Blue Whale'.indexOf('Blue'); // 0
'Blue Whale'.indexOf('blue'); // -1 (찾고자 하는 문자열이 없음)
'Blue Whale'.indexOf('Whale'); // 5
'Blue Whale Whale'.indexOf('Whale'); // 5

// 마지막 new 문자열 위치는 6
'Brave new world'.lastindexOf('new');

 

•찾고자 하는 문자열이 없을 경우 -1이 나온다.

 

 

str.includes(searchValue)

•하나의 문자열이 다른 문자열에 포함되어있는지를 판별한 후 참과 거짓으로 결과를 반환한다.

'Blue Whale'.includes('blue'); // false

 

 

str.split(separator)

•매개변수로 받은 문자열을 기준으로 문자열을 나누어 배열에 담아 반환한다.

let str = 'orange, watermelon, apple, pear';

return str.split(', '); // ['orange', 'watermelon', 'apple', 'pear']

 

 

str.substring(start, end)

•시작과 끝 인덱스를 넣어 놓고 구간에 있는 문자들을 가져온다.

 (단, end의 마지막 문자는 가져오지 않는다)

let str = 'abcdefghij';

return str.substring(0, 3); // 'abc';
return.str.substring(3, 0); // 'abc' (start와 end가 바뀌어도 상관 없음)
return.str.substring(1, 4); // 'bcd'
return.str.substring(-1, 4); // 'abcd', (음수는 0으로 취급)
return.str.substring(0, 20); // 'abcdefghij' (index 범위를 넘을 경우 마지막 index로 취급)

 

 

str.toLowerCase( ) / str.toUpperCase( )

•문자열을 대문자/소문자 로만 구성되게 만들어준다.

'HELLO'.toLowerCase(); // 'hello'

'hello'.toUpperCase(); // 'HELLO'