TIL_19_with Wecode 009 JavaScript about array

🐱‍💻배열의 정의 및 특징

• 배열을 사용하면 몇 천 개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있습니다.
• 배열은 대괄호([])로 감싸져 있습니다.
  
  데이터가 있는 배열을 만들어보겠습니다.

let cities = ["서울", "대전", "대구", "부산", "광주", "제주도"];
let KOSPI = [2062.82, 2053.2, 2045.92, 2058.82, 2053.12, 2055.7];

• Element: "서울", "대전" 과 같은 배열의 값, 하나 하나를 Element(요소)라고 부릅니다.
  
• 요소와 요소 사이에는 쉼표로 구분합니다.
• 요소 자리에는 이제까지 배운 String, Number, Array 모두 가능합니다.

예시)

    let anything = ["대전", 1987, ["하나", "둘", 3]];

🐱‍💻 배열의 Index

• 배열의 요소는 순서(index)를 갖고 있습니다.
• 주의해야 할 특징이 있다면 이 👁‍🗨index는 1이 아니라 0부터 시작합니다.
  

var anything = ["대전", 1987, ["하나", "둘", 3]];

• String형인 "대전"은 index가 0
• Number형인 1987은 index가 1
• Array형인 ["하나", "둘", 3]은 index가 2입니다.

🐱‍💻 배열 데이터의 접근

• index를 사용하면 해당 배열의 요소를 가져올 수도 있습니다.

예시)

    배열이름[index]

var anything = ["대전", 1987, ["하나", "둘", 3]];

• 예를들어, anything[0]은 "대전"입니다.
• anything[1]은 1987입니다.
• console.log로 요소를 출력해봅시다.

console.log(anything[0]); //결과는 "대전"
console.log(anything[1]); //결과는 1987
console.log(anything[2]); //결과는 ["하나", "둘", 3]

• 이런 표현도 가능하겠네요.

  alert(anything[0] + "에 오신 것을 환영합니다.");
//결과는 대전에 오신 것을 환영합니다.

🐱‍💻 Assignment

• getElement 함수안에 arr 변수를 선언했습니다.
• arr 변수는 배열을 할당했고요, 배열에는 다양한 데이터 타입의 요소가 들어있네요!
• 배열이 담긴 arr 변수에 접근하여 getElement 함수가 "array" 라는 문자열을 return 할 수 있도록 해주세요.

function getElement() {
  let arr = [3, [4, ["array", 9], 2+3], [0]];
  return [1],[1],[0];
}

풀이를 해보면,
return [1] = [4, ["array", 9], 2+3] 이 배열이 반환될 것이고,
return [1] = ["array", 9] 위의 배열에서 첫번째 순서에 있는 ["array", 9] 가 반환될 것이고
return [0] = "array" 그럼 0번째인 "array"를 반환시키면 되는 것이다.
👁‍🗨index를 사용하면 해당 배열의 요소를 가져올 수도 있습니다. 를 잘 생각해보면, 해당 인덱스를 통하여 원하는 요소 값을 구할 수 있게 되는 것이다.

• addFirstAndLast 함수 안에 작성해주세요.
• addFirstAndLast 함수에 주어진 인자 myArray는 숫자 값으로만 이루어진 array 입니다.
• addFirstAndLast 함수에 주어진 인자 myArray 의 첫번째 element와 마지막 element의 값을 더한 값을 리턴해주세요.
• 만일 myArray에 한 개의 요소만 있다면 해당 요소의 값을 리턴해 주시고 요소가 없는 비어있는 array라면 0을 리턴해주세요.
• Hint) array의 길이를 구하는 방법은 다음을 참조하세요
  :array의 길이를 구하는 방법

처음 내 답변:

function addFirstAndLast(myArray) {
if (myArray[myArray.length] === 0){
    return 0;
  } else if (myArray[myArray.length] === 1) {
  return myArray[0];
  } else {
   return myArray[0] + myArray[myArray.length];
 }
}

결과는 실패. 조건문을 역순으로도 해보고, 매개변수 myArray를 안쓰고 myArray.length === 0; 이런식으로도 써보고, 결과가 나온다 싶으면 계속 한자리가 더 추가된 결과가 나왔다.
예를 들어 addFirstAndLast([1,2]); 이렇게 호출하면
결과는 3으로, [1,2,1] addFirstAndLast([1,2,3,4,5]); 라고 호출하면 결과는 6으로 [1,2,3,4,5,1].. 덧셈은 맞았을지 몰라도 자릿수에서 한자리가 플러스 되는 결과로, 계속해서 오류가 났다.

구글링한 결과의 답변은

function addFirstAndLast(myArray) {
 if(myArray.length === 0) {
   return 0;
 } else if(myArray.length === 1) {
   return myArray[0]; 
   //길이가 1이라면 맨 첫번째 index인 0을 리턴하면 되는 것.
 } else {
   return myArray[0] + myArray[myArray.length-1];
 }
}
addFirstAndLast([1]);
//결과는 1
addFirstAndLast([0]);
//결과는 0
addFirstAndLast([1,2,3,4,5,10]);
//결과는 11

myArray.length === 0 이라고 쓰면 되었고..
무엇보다 myArray[myArray.length-1] 이것이 핵심이었다.
아 정말 생각보다 간단한 거였다.
배열은 0부터 시작하기 때문이다.
👁‍🗨.length는 배열의 길이를 반환하는 속성이며, 1부터 세기 시작한다.
그렇기 때문에 배열의 마지막 요소의 값은 배열의 길이에서 -1을 해야 찾을 수 있는 것이었다..
MDN : Array.length
코딩팩토리: .length