JavaScript & TypeScript

[JS] 조건문, 문자열, Math

반응형

1. 조건문

1. 비교연산자

  조건문에는 반드시 비교 연산자가 필요합니다.

 

1) 아래는 조건식을 채우기 위한 비교연산자 입니다.

  • > (초과 또는 미만)
  • >= (이상 또는 이하)
  • ===(같다) 
  • !==(같지 않다)
  • &&    (and)
  • ||       (or)
  • !       (not)         ex) ! undefined = true   //     ! 'hello' = false

== 와 ===(동치연산자) 는 다르다. 같음을 나타내지만 ==는 명확하지 않기 때문에 ===을 주로 사용합니다.

 

 

2) 아래의 값을 조건문에 넣으면 if문에서  false로 변환되므로 if 구문이 실행 되지 않습니다.

 

false,  null,  undefined,  0,  NaN,  ' ' (공백, 값이 없음)

 

3) 비교하는 연산자는 아니지만 증가 감소를 표현 할 수도 있습니다.

+= 1 (1 증가),  -= 1 (1 감소)

 

2. if ~ else if ~ else 

if(조건1){
//조건1이 해당 경우
}else if(조건2){
//조건 1이 해당하지 않고 조건 2가 통과할 때
}else{
//조건내용을 사용하지 않는다. 조건이 해당하지 않는 나머지}

 

조건이 2개만 존재 할 때에는 if~else 문을 사용하고, 3개이상 존재할 때 if ~ else if ~ else 문을 사용합니다.

문제 예제를 풀면서 깨닫게 된 것은 조건문은 if 안에 if를 사용하여 조건문 사용이 가능합니다.

조건이 해당이되는 것만 또 다른 조건을 부여한다고 생각하면 이해하기가 쉽습니다.

그리고 조건문은 많은 예제와 경험을 하는 것이 가장 빨리 느는 것 같습니다.

 

그리고 수도코딩을하여 각 상황을 파악하여서 경우의 수가 많고 적음을 오름차순, 내림차순으로 생각하여

조건식을 어떻게 만들것인지 생각을 해야만 코딩을 효율적으로 할 수 있는 것 같습니다. 

 

2. 문자열

문자열은 string입니다. 문자 하나는 character이며, char이라는 축약어로 부르기도 합니다. char가 포함된 메소드도 있습니다.

아래 배우는 것들은 문자열을 변경해서 '보여'주는 것이지 그 값을 '변경'하는 것이 아닌 것을 명심 해야합니다. 문자열은 read-only

 

 

1. 단어중 위치 선택에 따른 단어 str[index]

var str = 'Code states' ;

console.log(str[4]);  //  's'

 

str[0] = 'G'; //  C->G 변경 불가능, index로 접근이 가능하지만 변경은 불가능 only-read

 

2. 문자열 더하기

var str1 = 'Code' ;

var str2 = 'States' ; 

var str3 = '1' ;

 

console.log(str1+str2);   //   CodeStates 

console.log(str3+7);      //   17

str1.concat(str2,str3);   //   Codestates1

 

3. 문자열 길이 

문자열 길이는 위치와 다르게 길이 개념이어서 0부터 시작하지 않습니다.

var str = 'Code states' ;

 

console.log(str.length);  // 11

 

 

4. 문자열 찾기

str.indexOf(searchValue)

str.lastIndexOf(serchValue) 문자열을 뒤에서 부터 찾으나, 값은 앞에서부터 시작하여 표현

 

'Blue Whale'.indexOf('Blue'); // 0

'Blue Whale'.indexOf('blue'); // -1 (없을때는 -1로 표현)

 

'Blue Whale'.indexOf('W'); // 5

 

 

5.  Slice 구역설정을 하여 원하는 문자열 선택

메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.

 

var str = 'Code states' ;

 

word.slice(0, 3)

word.substring(0, 3)

 

console.log(str.substring(0,3)); // Cod

 

 

6. 대소문자 변경

console.log('A'.toLowerCase());

console.log('a'.toUpperCase());

 

str1.toLowerCase() === str2.toLowerCase();

 

 

7. 문자열 중 원하는 문자의 index를 찾을 수 있다

str.indexOf('a') 또는 str.lastIndexOf('a')

 

 

8. 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다.

const str = [1, 2, 3];

console.log(str.includes(2)); // expected output: true

 

9. `${}`        설명 출처: https://curryyou.tistory.com/185 [카레유]

 

10. 문자열 뒤집기

str.reverse()

3.  Math

  • Math.ceil(x)         올림
  • Math.floor(x)       내림
  • Math.pow(x, y)    x를 y제곱    -   (같은 예시  1.  x * x  //   2.  x **y )
  • Math.round(x)    가장 가까운 정수 값을 반올림
  • x.toFixed(y)         x의 수를 소숫점 y자리 까지 반올림
  • Math.abs()          절대값
  • Math.max()는      주어진 값 중에서 최댓값
  • Math.min()은       주어진 값 중에서 최솟값

 

반응형

'JavaScript & TypeScript' 카테고리의 다른 글

[JS] 스코프, 클로저  (0) 2021.05.29
[JS] 객체  (1) 2021.05.27
[JS] 배열  (0) 2021.05.25
[JS] 반복문  (0) 2021.05.13
[JS] 함수 선언, 할당  (0) 2021.05.12