[JS] 조건문, 문자열
조건문
boolean 은 참과 거짓을 나눈다.
<aside> 👉 조건문은 어떠한 조건을 판별하는 기준
</aside>
조건문에는 반드시 비교연산자가 필요하다.
비교의 결과는 늘 boolean 즉 true 또는 false
대입연산자 '='
동등연산자 '==='
다르다는 ‘!==’
<aside> 🚫 == , != 사용권장X ,, 값만 비교하며 예외사항이 많아 에러확률 올라감
</aside>
JS의 조건문은 기본적으로
- if
- else if
- else 사용
if(조건1) {
// 조건1이 통과할 경우
}
else if (조건2) {
// 조건1이 통과하지 않고
//조건2가 통과할 경우
}
else {
// 모든 조건이 통과하지 않는 경우
}
두가지 조건이 한번에 적용되는 경우?
→ 논리연산자를 사용!
- && : and 연산자
- || : or 연산자
- ! : not 연산자 (!isStudent 같이 씀)
Quiz //
⚠️ !undefined
💡 true → undefined를 false로 취급( falsy )
⚠️ !'HELLO'
💡 false → 'HELLO'를 true로 취급( truthy )
⚠️ 기억해야할 falsy 6가지! → if문에서 false로서 if구문 실행X
false, null, undefined, 0, NaN, ‘ ’
if (false)
if (null)
if (undefined)
if (0)
if (NaN) → NOT A NUMBER 숫자키워드
if (' ')
console.log('hello' === 'world') // false
console.log('hello' !== 'world') // true
let str = '100'
let num = 100
console.log(str === num) false
console.log(true && true) true
console.log(true && false) false
console.log(false && true) false
console.log(false && false) false
let isStudent = true;
let isFemale = true;
console.log(isStudent && isFemale) true
console.log(isStudent && !isFemale) false
console.log(!isStudent && isFemale) false
console.log(!isStudent && !isFemale) false
console.log(true || true) true
console.log(true || false) true
console.log(false || true) true
console.log(false || false) false
문자열
문자열의 특징 : index로 접근은 가능하지만 값을 바꿀수는 없음.
read only // 할당할때만 값이 바뀐다.
var str = '코드'
consol.log(str[0]);
str[0] = '카'; // 변경 시?
consol.log(str); // 에러 -> 안바뀜
문자열에 + 로 연결시킬수 있다.
var str1 ='코드';
var str2 ='스테이츠';
var str3 = '1';
consol.log(str1 + str2); // '코드스테이츠'
consol.log(str3 + 7); // '17'
consol.log('1' + true) // '1true'
concat → str2, str3 모두 더하는 메소드
str.concat(str2, str3 ... ) ; 의 형태로 사용가능 // 그냥 + 연산자 쓰자
length PROPERTY
문자열의 전체 길이를 반환
var str = '하이'
consol.log(**str.length**); // 2메소드
str.indexOf(searchValue)
→ 문자열을 찾을때 쓰임.
arguments : 찾고자 하는 문자열
return value : 처음으로 일치하는 index 표현, 찾고자 하는 문자열이 없으면 -1
두번 연속으로 등장하면 처음 나오는 인덱스 기준으로 출력
lastIndexOf **** : 문자열 뒤에서부터 찾는다.
실무에서는 includes 메소드를 쓸수가 있다 → true || false 로 return
'Blue Whale'.indexOf('Blue'); // 0
'Blue Whale'.indexOf('blue'); // -1
'Blue Whale'.indexOf('Whale'); // 5
'Blue Whale Whale'.indexOf('Whale'); // 5
'canal'.lastIndexOf('a') // 3
'일어나라 아침해 떳다'.includes('아침해'); // true 출력
str.split(seperator)
arguments : 분리 기준이 될 문자열
return value : 분리된 문자열이 포함된 배열
→ 문자열을 분리할때 쓰임.
csv형식 (comma seperate value) // 111,222,333,444
줄바꿈을 \n 으로 표현함! →
var str = "안녕 반가워";
consol.log(str.split(' ')); // ['안녕' , '반가워' ] 출력 -> 배열로 나옴
// csv 형식에서 많이 사용
consol.log(str.split('\\n')); // 줄바꿈으로 다 나눔
// 이걸 나중에 나눠서 배열로 사용가능!
let lines = str.split('\\n'); // lines 에 칸 나눔 배열 저장
lines[0].split(',') // lines의 첫번째 줄을 ,로 나눔
str.substring(start, end)
argumnets : 시작 index , 끝 index
return value: 시작과 끝 index 사이의 문자열
var str = 'abcdefghij';
consol.log(str.substring(0,3)); //'abc'
consol.log(str.substring(3,0)); //'abc'
consol.log(str.substring(1,4)); //'bcd'
consol.log(str.substring(-1,4)); //'abcd, 음수는 0으로 취급!!
consol.log(str.substring(0,20)); //'abcdefghij' ,index 범위 밖이면 마지막index로.
str.toLowerCase() // str.toUpperCase()
(모든 STRING 메소드는 IMMUTABLE 원본이 변하지않음) → 변경원하면 새로 다시 대입하기
argument : 없음
return value: 대, 소문자로 변환된 문자열
console.log('ABCDE'.toLowerCase()); // 'abcde'
console.log('abcde'.toUpperCase()); // 'ABCDE'
.length
문자열의 길이를 리턴합니다.
let str = 'code states';
console.log(str.length)indexOf()
문자열 내에 지정된 요소가 위치하고 있는 첫 번째 인덱스를 리턴합니다. 지정된 요소가 문자열 내에 존재하지 않을 경우 -1을 리턴합니다.
let str = 'code states'
console.log(str.indexOf('s'))
console.log(str.indexOf('i'))split()
문자열을 지정한 구분자를 이용하여 여러 개의 문자열로 나눈 후 배열의 형태로 리턴합니다.
let str = '가, 나, 다, 라, 마, 바';
let word = str.split(',');
console.log(word);- ['가', '나', '다', '라', '마', '바']
let str = '아주 피곤한 날이다';
let word = str.split(' ');
console.log(word);- ['아주', '피곤한', '날이다.']
let alphabet = '가나다라마';
let char = alphabet.split('');
console.log(char)- ['가', '나', '다', '라', '마']
toUpperCase()
소문자를 대문자로 변환합니다.
let alphabet = 'abcdefghijklmnopqrstuvwxyz';
console.log(alphabet.toUpperCase());- ABCDEFGHIJKLMNOPQRSTUVWXYZ
toLowerCase()
대문자를 소문자로 리턴합니다.
let alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
console.log(alphabet.toLowerCase())- abcdefghijklmnopqrstuvwxyz
Number 자료형이 Number() 함수, parseInt() 함수를 사용해서 자료형을 변환할 수 있는 것처럼 Boolean 자료형도 Boolean 함수를 이용해서 다른 자료형을 Boolean 자료형으로 변환이 가능하다.
//임의의 값을 입력받아 falsy 값인지 여부를 리턴
function isFalsy(anything) {
return !Boolean(anything)
}
let booleanVar1 = Boolean("String");
let booleanVar2 = Boolean(null);
let booleanVar3 = Boolean(undefined);
let booleanVar4 = Boolean(4);
let booleanVar5 = Boolean(true);