2021-11-13 TIL

#JavaScript

1. 객체

• 객체의 종류 : 배열, 함수, 배열이나 함수가아닌 객체.

• 배열엔 배열도 들어갈 수 있고, 함수나 객체도 들어갈 수 있다. null도 들어갈 수 있음.

• cf) const로 객체를 선언하면 객체자체는 바꿀 수 없지만 객체의내부(배열의 요소등)은 바꿀 수 있다.

const target2 = [1,2,3,4];

target2 = [5,6]; // 불가능
target2[1] = 7; // 가능

2. 배열

   const fruits = ['사과', '오렌지', '배', '딸기'];
   console.log(fruits[0]); // 사과
   console.log(fruits[1]); // 오렌지
   console.log(fruits[2]); // 배
   console.log(fruits[3]); // 딸기
   
   const arrayOfArray = [[1,2,3], [4,5]];
   console.log(arrayOfArray[0]); // [1,2,3]
   console.log(arrayOfArray[1]); // [4,5]
   console.log(arrayOfArray[0][1]); // 2

   요소 갯수 구하는 방법은 배열이름 뒤에 .length를 쓴다.

3. 배열 메서드

• 배열 맨앞에 요소를 추가하고 싶을때 .unshift
• 배열 첫번째 요소를 삭제하고 싶을때 .shift
• 배열 맨뒤에 요소를 추가하고 싶을때 .push
• 배열 마지막 요소를 삭제하고 싶을때 .pop
• 배열 중간을 제거하고 싶을때 .splice(삭제할 인덱스, 그 인덱스부터 삭제 할 갯수) 삭제할 인덱스만 쓴다면 그 인덱스부터 싹 다 제거됨. .splice는 삭제만 하는게 아니고 지운 뒤 다시 추가(변경)할 수 있다. .splice(삭제할 인덱스, 그 인덱스부터 삭제 할 갯수, 다시 추가할 값)
• 배열의 특정 요소가 있는지 찾는 메서드 .include 값은 true, false가 나옴
• 검색하고 싶은 값이 몇 번째 인덱스에 위치하는지 확인하려면 .indexOf와 .lastIndexOf를 사용한다. 찾는게 없는 배열요소면 -1이 나옴. 예제)

  // 예제 : '라'를 다 지워봐
  const arr = ['가', '라', '다', '라', '마', '라'];
  /* while (arr.indexOf('라') !== -1) {
    arr.splice(arr.indexOf('라'), 1);
  }
  console.log(arr); */
  
  let index = arr.indexOf('라');
  while (index !== -1) {
    arr.splice(index, 1);
    index = arr.indexOf('라'); // 이 식이 없다면 무한루프 왜냐면 index가 계속 true니까
  }
  console.log(arr);

• cf)

  const arr = [1, 2, 3, 4, 5];
  if (arr.indexOf(1)) {
  	console.log('1이다');
  } else {
  	console.log('1아니다');
  }
  // 1이다가 나오게 해야하는데 조건문에서 인덱스 값이 0이라
  // 1아니다가 나오게됨 이럴때는 조건문에 !== -1을 사용해주면 됨.

4. 함수

• 함수 만드는 방법

  function() {}
  // 또는
  () => {}
  
  //함수 이름 설정하는 방법
  function a() {} // 함수 선언문, 세미콜론 안 붙임
  const b = function() {}; // 함수 표현식
  const c = () => {}; // 화살표 함수 
  
  a(); // 함수 호출

• 함수는 return값을 선언해주지 않으면 undefined를 retrun한다. return은 종료하면서 반환!

5. 매개변수(parameter) 와 인수(argument)

• 선언 parameter 호출 argument
• 호출할때 인수가 함수의 매개변수로 들어가서 결과값을 반환함

// 매개변수로 x,y,z를 받아 곱한 값을 반환하는 곱한 값을 반환하는 multifly함수 만들기

const a = (x, y, z) => {
  return x * y * z;
}
console.log(a(2, 3, 4));

반복문, 배열, 배열 메서드, 함수, 매개변수와 인수(29강)까지 완료!

#기타

git에 커밋을 했는데 잔디심기가 안돼서 알아보니 config로 깃허브계정과 같은 메일을 등록안해서 그런것이었다.. rebase로 복구하는 방법이 있어서 몇일동안 잔디 심기 안됐던거 복구 완료!