Hello Javascript 강의 내용 정리

몰랐던 부분만 추가해보자!

 

Object 표현

ex)

var man = {name:"홍길동", age : 20, height:180};

man.name
>"홍길동"
mane["name"]
>"홍길동"
man.name="이몽룡";
>"이몽룡"
man.age=25;
>25
man
>object {name:"이몽룡", age : 25, height:180};

---

---

자료형의 종류

• number Type: 숫자

var a=100, b=3.14;

• string Type: 문자열

var c="안녕하세요", d="a";

• boolean Type: 맞다/틀리다를 표현

var e = true, f = false

var a= 2; 라고 변수값을 정의내린후에

typeof(a) 치면 number 출력, 

var a = "2"; 

typeof(a) 치면 string 출력, 

이런식

 

---

parseInt, parseFloat

예를들어 키를 입력하는 창을 유저에게 보내준다. 

키를 숫자로 입력한다 -> 로그에서는 string값으로 받아온다. 

숫자로 받아오기 위한 변수 parseint를 사용한다. parsefloat는 소수점까지 모두 출력되게 함.

var height = "160.4";
console.log(height, typeof(height));    // 160.4 string이 출력됩니다.

var height_int = parseInt(height);
console.log(height_int, typeof(height_int));    // 160 'number'가 출력됩니다.

var height_float = parseFloat(height);
console.log(height_float, typeof(height_float));    // 160.4 'number'가 출력됩니다.

---

String 표현

• 따옴표나('), 큰따옴표(")로 감싸서 문자열 표현
• 문자열 안에 따옴표, 큰따옴표 등의 문자를 활용하려면 escape character를 활용
  • escape character는 역슬래시(\)로 사용
  • 줄바꿈 : \n
  • 따옴표 : \'
  • 큰따옴표 : \"
  • 역슬래시 : \\

ex)

원하는 결과값: 나는 "집"에 간다.

입력값: var a = '나는 \"집\"에 간다.'

---

Arithematic operator

이항연산자 (binary operator)

두개의 피연산자(A, B)를 가지는 연산자. A 연산자 B 의 꼴로 사용함. 피연산자는 변수나 숫자가 될 수 있음.

• + 더하기
• - 빼기
• * 곱하기
• / 나누기
• % 나머지

단항연산자 (unary operator)

하나의 피연산자(A)를 가지는 연산자. 보통 연산자A의 꼴로 사용함. 대표적으로 - 연산자가 있으며, -A의 꼴로 사용하는 경우 -는 이항 연산자가 아닌, 단항연산자임. A변수에 -1을 곱한 효과가 발생.

증감연산자 (++, --)

표현식 안에서 변수의 값을 증가하거나 감소시킬 수 있음.
각각, A=A+1, A=A-1의 효과를 발생함. 연산자를 변수 앞에 사용한 경우와 변수 뒤에 사용한 경우에 따라 변수의 값을 업데이트 하는 순서가 바뀜.

 

ex)

var a;

a = 1;
console.log(++a);
console.log(a);

a = 1;
console.log(a++);
console.log(a);

>>>>

2

2

 

1

2

 

Math 관련 명령어

• Math.pow(A,b) : A의 B승을 구해 줌
• Math.sqrt(A) : A의 제곱근을 구해 줌
• Math.random() : 0~1 사이의 임의의 난수를 발생시켜 줌

---

함수 정의 구문

function 함수이름(파라미터1, 파라미터2){
    /*
        실행될 코드
    */
    return 반환값;
}

• 파라미터 : 함수의 정의부분에 나열되어 있는 변수
  • 여러개인 경우 콤마(,)로 구분.
  • 파라미터가 필요없는 경우 없어도 됨
  • 함수 안의 코드에서 변수처럼 활용 가능
• return 구문 : 함수의 출력으로 내보낼 값
  • return 구문을 만나면 함수는 즉시 종료됨
  • 함수를 호출한 표현식은 반환값으로 대치됨

 

---

Logical operator, 논리연산자

두 boolean 피연산자에 대해 연산하는 연산자.

AND(&&) 연산자

두 피연산자가 모두 true인 경우에만 true를 나타내는 이항연산자

TrueFalse

True	True	False
False	False	False

OR(||) 연산자

두 피연산자가 하나라도 true인 경우 true를 나타내는 이항연산자

TrueFalse

True	True	True
False	True	False

NOT(!) 연산자

피연산자가 true인 경우 false를, false인 경우 true를 나타내는 단항연산자

---

String 이어 붙이기

문자열 길이 알아내기

• 문자열의 .length 속성을 이용
  • str.length
  • str["length"]

문자열 붙이기

1. .concat 함수 사용
   • str1.concat(str2)
2. 더하기(+) 연산자 사용
   • str1+str2

특정 위치의 문자열 알아내기

• .charAt 함수 이용
  • 첫 문자 : str.charAt(0)
  • 마지막 문자 : str.charAt(str.length-1)
• 대괄호([]) 사용
  • 첫 문자 : str[0]
  • 마지막 문자 : str[str.length-1]

부분문자열 구하기

문자열의 연속된 일부분을 구하는 함수

• .substring(pos1, pos2) : pos1 에서 pos2까지의 부분 문자열 반환
  • pos2 생략시 pos1에서부터 마지막 까지의 문자열 반환
• substr(pos, length) : pos에서 length길이 만큼의 부분 문자열 반환
  • length 생략시, pos에서 마지막까지의 문자열 반환
  • pos 가 음수인 경우, str.length - pos 로 동작

문자열 검색하기

• indexOf(str) :
• lastIndexOf(str) :

---

For 문

 

for (초기식; 조건식; 증감식){실행문}

지금까지 for문 사용하면서 가로안에 도대체 뭐가들어가는지도 몰랐던 나.... 오늘에서야 도대체 뭔 내용인지 알았다!!!

지금까지 사전강ㅇ의 들으면서 맨날 썼던 for문 1위

for (let i = 0; i< rows.length; i++){~~~~~~~~~~~~~~~~~~~~~~}

 

이거... 이제그럼 해석해보면!!! i가 0이라고 초기식을 잡자!, i가 rows(정의값)의 길이보다 작을 때라는 조건을 가졌을 때, i에 하나씩 더하자!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 드디어!!!!!!!!!!!!!!!!!!!!!!!!!!뭔지 알았어!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

그니까 요약하면 배열 rows의 모든 요소의 index를 출력함!