개발공부 기록지

함수란?  -> 반복되는 작업을 하나로 묶어주는 기능.

함수 구조

function 함수이름 (매개변수){ // 매개변수 = 파라미터 = 인자
	코드
    return 반환값 // 반환값 = 리턴값
 }

반복되는 작업이란?

구구단을 예를 들면 1단~9단까지 변하는 것은  곱셈에서 앞의 숫자이고 나머지는 반복되는 구조

아래의 코드처럼 함수를 작성해서 필요할때 마다 호출해서 사용이 가능

// x 단 * i
function multiplicationTable(x) {
  for (let i = 1; i < 10; i++) {
    console.log(`${x} * ${i} = ${x * i}`);
  }
}

multiplicationTable(8) // 8단
multiplicationTable(5) // 5단

JS 에서 자주 사용되는 함수는  화살표 함수 라고 한다.

const sum = (a, b) =>{
	retrun a + b;
}

// 더 간단한 방법
const sum = (a, b) => a + b;

배열 ->  for in, for of, forEach 아무 제약없이 사용 가능

객체 ->  for in 가능

• Object.keys(객체).forEach(function(key){ 객체[key] })

for loop 를 이용해서 주어진 배열로 객체를 생성도 가능

const arr = ['a', 'b'];
const score = ['100', '90'];

// 주어진 배열로 객체 만들기
let myObject = {}
for( let i=0;  i < arr.length; i++){
	myObject[arr[i]] = score[i];
}

var 는 전역변수이며 같은 변수명으로 재 선언이 가능하지만, let 과 const는 재 선언이 불가능하고 블록단위 변수와 상수이다.

let 

• 블록 단위 변수 선언 : { } 안에서 만 유효
• 변수 값 변경 가능
• 같은 변수명으로 재선언 불가능

// score가 선언되지 않아서 error를 발생
for (const idx in scores) {
    if (scores.hasOwnProperty.call(scores, idx)) {
      let score = scores[idx];
    }
    console.log(`${score}`);
}


// score가 선언 되어서 error 없이 실행됨
for (const idx in scores) {
    if (scores.hasOwnProperty.call(scores, idx)) {
      let score = scores[idx];
      console.log(`${score}`);
    }
}

const

• 블록단위 상수(변수)선언
• 변수 값 변경 불가능
  • 객체일경우 그 안에 있는 속성은 업데이트 가능
• 같은 변수명으로 재선언 불가능

const myId = 'id'
const myOBJECT = {'key': 'value'};

myOBJECT.key = 'new value'

// error
myOBJECT = {'new_key': 'value'};

const myId = 'joey'

종류

1. 특정 횟수 만큼 반복하고 싶을 때

// 반복 변수를 "let" 으로 선언!!
for (let i = 0; i < 반복 횟수; i++){
	실행하고 싶은 내용
}

2. 배열이나 객체와 쓰는 반복문

• 반복 변수에 인덱스 반환

for (const 반복 변수 in 배열 혹은 객체){
	필요한 코드
}

// VScode 에서 자동완성 예
for (const key in object) {
	// 안정성을 위해서 추가
    if (Object.hasOwnProperty.call(object, key)) {
        const element = object[key];
        
    }
}

• 반복 변수에 배열 안에 있는 요소 반환

for(const 반복 변수 of 배열){
	필요한 코드
}

문자열

-문자열 인덱스 사용

>"안녕하세요"[0]     

안

>"안녕하세요"[4]

요

-길이 구하기

> "안녕하세요".length

5

>"".length

0

-비교 연산자

===,  !==  -> "값"과 "자료형"이 같은지 비교

==,  !=   -> "값"이 같은지 비교

-자료형 검사

> type of('aaa')

"string"

> typeof(123)

"number

>