2021-11-30 TIL

🦁 Day23

💻 오늘 보고 듣고 배운 것

1. object 값 호출 방법

// 
const member = [
      {
          name: "Tina",
          age: 24,
          gender: "female",
          position: "Front-end"
      },
      {
          name: "Rob",
          age: 31,
          gender: "male",
          position: "Back-end"
      },
      {
          name: "Hugh",
          age: 28,
          gender: "male",
          position: "Dev-ops"
      }
]

// 이름이 Hugh인 멤버의 position 값 알아내기
member[2].position
// Dev-ops

2. undefined, null, NaN의 자료형

• undefined: undefined
• null: object
• NaN : number

3. 반복문

3-1. while문

//while문으로 구구단 출력하기
let i = 2;
let j = 1;

while(i<10){
  while(j<10){
    console.log(`${i} X ${j} = ${i*j}`)
    j++
  }
  i++
  j = 1
}
/*
2 X 1 = 2
2 X 2 = 4
2 X 3 = 6
2 X 4 = 8
2 X 5 = 10
2 X 6 = 12
2 X 7 = 14
2 X 8 = 16
2 X 9 = 18
3 X 1 = 3
3 X 2 = 6
3 X 3 = 9
3 X 4 = 12
3 X 5 = 15
3 X 6 = 18
3 X 7 = 21
3 X 8 = 24
3 X 9 = 27
4 X 1 = 4
4 X 2 = 8
4 X 3 = 12
4 X 4 = 16
4 X 5 = 20
4 X 6 = 24
4 X 7 = 28
4 X 8 = 32
4 X 9 = 36
5 X 1 = 5
5 X 2 = 10
5 X 3 = 15
5 X 4 = 20
5 X 5 = 25
5 X 6 = 30
5 X 7 = 35
5 X 8 = 40
5 X 9 = 45
6 X 1 = 6
6 X 2 = 12
6 X 3 = 18
6 X 4 = 24
6 X 5 = 30
6 X 6 = 36
6 X 7 = 42
6 X 8 = 48
6 X 9 = 54
7 X 1 = 7
7 X 2 = 14
7 X 3 = 21
7 X 4 = 28
7 X 5 = 35
7 X 6 = 42
7 X 7 = 49
7 X 8 = 56
7 X 9 = 63
8 X 1 = 8
8 X 2 = 16
8 X 3 = 24
8 X 4 = 32
8 X 5 = 40
8 X 6 = 48
8 X 7 = 56
8 X 8 = 64
8 X 9 = 72
9 X 1 = 9
9 X 2 = 18
9 X 3 = 27
9 X 4 = 36
9 X 5 = 45
9 X 6 = 54
9 X 7 = 63
9 X 8 = 72
9 X 9 = 81
*/

3-2. for문

let arrFruit = ['apple', 'banana', 'mandarine','blueberries']

//forEach
arrFruit.forEach((fruit, idx) => console.log(idx, fruit))
/*
0 'apple'
1 'banana'
2 'mandarine'
3 'blueberries'
*/

// for ... in
// 배열의 각 인덱스를 순회하며 인덱스 출력
for (var fruit in arrFruit){
  console.log(fruit, arrFruit[fruit]);
}
/*
0 apple
1 banana
2 mandarine
3 blueberries
*/

//for ... of
// 배열의 각 인덱스 순회하며 해당 인덱스의 요소 출력
for (var fruit of arrFruit){
  console.log(fruit);
}
/*
apple
banana
mandarine
blueberries
*/

4. 함수

function add(x, y){
  // 여기서 x와 y는 매개변수(parameter)라고 한다. 외부에서 함수가 호출될 때 넘겨받는 인자를 전달받는 역할을 한다.
  return x + y
}

add(3,5) // 8
// 여기서 3,5는 전달인자(argument)라고 한다. 함수에 이 값이 넘겨져서 함수 내부 계산식이 수행된다.

4-1. 콜백함수

function add(x,y){
  return x+y
}
function mul(x,y){
  return x*y
}

function cal(a,b){
  return a(10, 10) + b(10, 10);
}

cal(add, mul) // 콜백함수

4-2. 화살표함수

function add(x,y){
  return x+y
}
// 위의 add함수를 화살표 함수로 표현
let add = ((x,y) => x+y)

4-3. 기명 함수

  // 기명 함수
  let aa = function sum(x, y) {
      return x + y
  }

  // 익명 함수인것 같지만 바뀜
  let bb = function(x, y) {
      return x + y
  }
  // ES5에서는 빈 문자열이었는데 ES6에서 name 값을 가지는 것으로 바뀌었습니다.
  let cc = (x, y) => x + y;

4-4. 익명 함수

console.dir(function (x, y) {return x + y;})