JS 기초제어문 - 조건문 , 문자열 - [Codestates] Section1

조건문 

학습목표

• truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.
• 비교 연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.
• if 와 else if , else를 이해하고 무리 없이 활용할 수 있다.
• 논리 연산자를 (&&, ||, ! ...) 통해 복잡한 조건을 간결하게 작성할 수 있다.
• 복잡한 조건문을 활용하여, 실생활에서 쉽게 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다

---

조건문

 

논리연산자 

 

 조건문- boolean

  >> 위 6가지 제외하고 전부 truthy한 값이다. 

 

예시

console.log(true && true) //true
console.log(true && false) //false
console.log(false && true) //false
console.log(false && false) //false

   -> AND 연산자(&&)를 사용했을 경우 두 조건이 모두 truthy 해야만 true, 그렇지 않으면 false가 출력됩니다.

 

 

 

---

---

JS math 함수 정리 

https://developing-stock-child.tistory.com/66

[JavaScript] Math 함수 정리

JS 제곱 ( squared) 방법 3가지 

pow === a*a ;
pow === a**2 ;
pow === Math.pow(a,2) ;

- arr.sort   ->배열정렬

 

---

 

문자열 ( string )

문자열은 string입니다. 문자 하나는 'character'이며, 'char'이라는 축약어로 부르기도 합니다.

 

학습목표 

• length 속성을 활용해 문자열의 길이를 확인할 수 있다.
• 두 개 이상의 문자열을 하나의 문자열로 만들 수 있다.
• slice() 메서드를 활용해 문자열을 원하는 만큼 ‘복사’할 수 있다.
• 영문으로 된 문자열을 대문자 또는 소문자로 바꿀 수 있다.
• 문자열 중 원하는 문자의 index를 찾고 접근할 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a'),str[1]
• includes() 메서드를 활용해 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a')
• split() , join() 메서드를 활용해 문자열을 배열로 바꾸거나, 배열을 문자열로 바꿀 수 있다.
• 템플릿 리터럴(Template literals) 문법을 사용할 수 있다.

    >> 배열처럼 index로 한글자씩 얻어낼 수 있다. /  하지만 읽기만 가능하고 (read- only) 값을 바꿀 수는 없다. 

- '+'연산자 사용 가능하지만, string과 다른 type 사이 + 연산자 쓰면 자동으로 string 형식으로 변환

- strl.concat(str1, str2...);   ->의 형태로도 '+'효과 가능 

- length property

- str.indexOf(searchValue)

   >>문자열 없으면  -1 / .lastIndexOf로 마지막 인덱스 찾기 가능

- str.split(seperator)

    무엇을 기준으로 나눌지 정한다. csv ( comma-seperated value) 처리시 유용

csv 처리예시

  >> csv 처리시 ','로 분리 /  엔터는 '\n'로 표현가능  

-str.substring(start, end ) 

 

- str.toLowerCase() / str.toUpperCase() : 스트링 대문자 소문자 변환 -> IMMUTABLE ( 원본은 바뀌지 않는다.) 

  >> string method 는 모두 immutable / 다만 array method는immutable이 각각 다름

 

---

TIP

- 비교연산자에서 '=>' 는 안됨 '>='로 해야 작동

- Math.floor() ===내림  / Math.trunc() === 버림/ Math.round() ===반올림 

- 자바스크립트 string method - http://www.tcpschool.com/javascript/js_standard_stringMethod

코딩교육 티씨피스쿨

     -> str.slice(2,6) ===인덱스 2~5까지 추출 

- str.toUpperCase()  에서는 () 에 아무것도 안들어가도 ()붙여줘야 함 

- js 타입 변환   ->Number() === 숫자형으로 변환 / String() === 문자형으로 변환

- Template-literal   -> 백틱`str`안의  ${str}을 이용하여 표현하면 '+'없이 간편하게 사용가능https://poiemaweb.com/es6-template-literals

Template Literals | PoiemaWeb