1-07 연산자 ~ 2-01 String 내장함수

1-07 연산자

숫자

  1. 더하기 : +

2. 빼기 : -

3. 곱하기 : *

4. 나누기 : /

5. 거듭제곱 : **

6. 나머지 나누기 : %

7. 1씩 증가 : ++

8. 1씩 감소 : --

9. 값을 할당 하기 위한 오퍼레이터 : +=, -=, *=, %=, **=, /= 등

 

문자열 

1. 더하기 : +

2. 값을 할당 하기 위한 오퍼레이터 : +=

 

숫자와 문자열

1. 문자열 + 숫자 : 숫자를 문자열로 인식하여 문자열 더하기가 됨 ex) var x = "hello" + 5; 는 'hello5'가 됨  

 

비교 오퍼레이터

1. 같다 : ==

   주의) console.log("5" == 5);는 true라는 결과값이 도출됨(Javascript는 안의 값만 비교를 해버림)

2. 데이터 타입까지 같다 : ===

3. 같지 않다 : !=

4. 데이터 타입까지 같지 않다 : !==

5. 크다 : >

6. 작다 : <

7. 크거나 같다 : >=

8. 작거나 같다 : <=

 

Logical 비교 연산자

1. and = &&

2. or = ||

 

1-08 조건문

1. if 조건문 작성 방법 : if(조건){실행 할 코드}else if(조건){실행 할 코드}else{실행 할 코드}

 

if 조건문 작성 방법

 

 

2. switch 조건문 작성 방법 : swich(한개의 값만 넣을 수 있는 파라미터){case 하나의 조건 값 : 일치시 출력 할 내용; break}

( 일반적으로 VSCode에서 swich입력시, 자동으로 포맷이 만들어짐 ) 

 

swich 조건문 작성 방법

 

 

1-09 반복문

1. for 문 : for(변수선언 ; 조건 ; 조건 성취로 코드 실행 후 그 다음 실행 될 코드){반복 되면서 실행 할 코드}

ex) for(var i = 0 ; i < 5 ; i++){

console.log("The number is " + i}

 

for문 작성 방법

 

2. continue : 반복문 코드가 실행되는 과정에서 continue를 읽으면  바로 for문으로 돌아가 그 다음 반복을 실행 시킴

 

3. break : 반복문 코드가 실행되는 과정에서 break를 읽으면 바로 반복문에서 벗어남

 

4. for in 문 : for(변수명 in 반복시킬 데이터명){반복 되면서 실행 될 코드}

주의)Array의 경우 element의 수, 즉 인덱스 번호가 반복되며, 오브젝트의 경우에는 키 값이 반복 실행 됨

선언 방법은 파이썬과 비슷함

 

5. for of 문 : Array의 element 그 자체를 반복시켜주는 구문, 'for in 문'과 선언 방법은 동일함

 

6. while 문 : while(조건){실행 할 코드}

 

7. do while 문 : do{실행 할 코드}while(조건)

cf) while문은 조건 부터 읽기 때문에 조건이 맞지 않으면 코드가 실행되지 않지만, do while 문은 일단 한번은 실행됨

 

do while문 작성 방법

 

1-10 함수

1. 함수 선언 방법 : function 함수명(파라미터){실행 할 코드}

2. return : 함수가 내의 코드가 실행되는 과정에 만나면 함수가 종료되며, 함수를 실행시킨 위치로 return값을 가지고 돌아옴

 

2-01 String 내장함수

1. .length : 문자열 길이 or 배열의 요소 개수 찾기

 

2. .indexOf() : 원하는 데이터의 인덱스 번호 찾기(없는 데이터라면 -1을 반환함)

 

3. .lastIndexOf() : 원하는 데이터의 가장 뒤에 위치한 인덱스 번호 찾기

 

4. .search() : 원하는 데이터의 인덱스 번호 찾기(indexOf와 유사함)

 

5. .slice( , ) : 원하는 인덱스 범위 만큼 자르기(파라미터를 하나의 값만 넣으면 입력한 파라미터 부터 끝까지를 의미함)

'-'를 활용하여 뒤에서 부터 슬라이싱 할 수 있음(단, 인덱스 번호는 뒤에서 부터 세지만 자르는건 왼쪽에서 오른쪽으로 잘림)

 

6. .substring( , ) : 원하는 인덱스 범위 만큼 자르기(slice()와 유사함)

 

7. substr( , ) : 입력한 인덱스 번호부터 몇 글자를 가져올지 정해서 가져오기 

ex) i.substr(7,6) : 7번 인덱스부터 6글자 가져오기

 

8. .replace("변경하고자 하는 데이터" ,  "변경 할 데이터") : 문자열 변경하기

만약, 변경하고자 하는 동일한 문자열이 여러개 있는 경우에는 가장 앞에 위치한 것만 바뀜(이런 경우, 정규식을 이용해 전부 변경 가능)

정규식은 뒤에 학습 할 예정

 

9. .toUpperCase() : 문자열을 전부 대문자로 변경

 

10. .toLowerCase() : 문자열을 전부 소문자로 변경

 

11. .concat("문자열","문자열","문자열"...) : 문자열을 다 결합해 줌(문자열 연사자 '+'와 유사함)

 

12. .trim() : 문자열 내부에 있는 공백을 지워줌

ex)var str = "        hello      "  /   console.log(str.trim());   /   hello로 출력됨

 

13. .padStart(4 , 0) : 총 4칸을 만들고 우측정렬 후 앞은 '0'으로 채워라

 

14. .padEnd(4 , 0) : 총 4칸을 만들고 좌측정렬 후 뒤는 '0'으로 채워라

 

15. .charAt(인덱스) : 인덱스 번호로  해당 문자열 찾기(파이썬의 인덱싱과 유사함)

 

16. .split(기준점) : 기준점을 기준으로 나눠서 배열로 반환해줌

 

split()의 활용 방법

 

오늘을 마무리 하며 :

강의를 듣고 나름대로 컴퓨터 공학적인 용어로 정리를 하려고 했으나, 많이 미숙한게 느껴집니다.

그리고 생각보다 많은 내용들과 파이썬과 비슷하면서도 다른 내장함수들이 많아 헷갈렸던 것 같습니다. 앞으로 반복적으로 활용하다 보면 보다 더 익숙해 질 것 이라고 믿습니다.