[JS]자바스크립트 #3

🍎 자바스크립트

배열

let fruits = ["사과", "오렌지", "자두"];

각 배열 요소엔 0부터 시작하는 숫자(인덱스)가 매겨져 있습니다. 이 숫자들은 배열 내 순서를 나타냅니다.
배열 내 특정 요소를 얻고 싶다면 대괄호 안에 순서를 나타내는 숫자인 인덱스를 넣어주면 됩니다.

let fruits = ["사과", "오렌지", "자두"];
alert( fruits[0] ); // 사과
alert( fruits[1] ); // 오렌지
alert( fruits[2] ); // 자두

새로운요소를 추가 해줄수도있다.

fruits[2] = '배'; // 배열이 ["사과", "오렌지", "배"]로 바뀜

fruits[3] = '레몬'; // 배열이 ["사과", "오렌지", "배", "레몬"]으로 바뀜

🔥 배열 요소의 자료형엔 제약이 없습니다.

// 요소에 여러 가지 자료형이 섞여 있습니다.
let arr = [ '사과', { name: '이보라' }, true, function() { alert('안녕하세요.'); } ];

// 인덱스가 1인 요소(객체)의 name 프로퍼티를 출력합니다.
alert( arr[1].name ); // 이보라

// 인덱스가 3인 요소(함수)를 실행합니다.
arr[3](); // 안녕하세요.

pop·push와 shift·unshift

• push – 맨 끝에 요소를 추가합니다.
• shift – 제일 앞 요소를 꺼내 제거한 후 남아있는 요소들을 앞으로 밀어줍니다. 이렇게 하면 두 번째 요소가 첫 번째 요소가 됩니다
  

• push – 요소를 스택 끝에 집어넣습니다.
• pop – 스택 끝 요소를 추출합니다.
  
  스택을 사용하면 가장 나중에 집어넣은 요소가 먼저 나옵니다. 이런 특징을 줄여서 후입선출(Last-In-First-Out, LIFO)이라고 부릅니다. 반면 큐를 사용하면 먼저 집어넣은 요소가 먼저 나오기 때문에 큐는 선입선출(First-In-First-Out, FIFO) 자료구조라고 부릅니다.

pop은 배열 마지막 요소를 제거합니다. (추출!)

let fruits = ["사과", "오렌지", "배"];

alert( fruits.pop() ); // 배열에서 "배"를 제거하고 제거된 요소를 얼럿창에 띄웁니다.

alert( fruits ); // 사과,오렌지

push 배열 끝에 요소를 추가합니다.(추가!)

let fruits = ["사과", "오렌지"];

fruits.push("배");

alert( fruits ); // 사과,오렌지,배

for문

<script>
    const fr = ["사과", "딸기", "수박", "참외"]
    for (const i in fr) {
      console.log(fr[i]);
    }
</script>
</body>

<script>
    const fr = ["사과", "딸기", "수박", "참외"]
    for (const i in fr) {
      console.log(`${i} 번째 인덱스의 과일은 ${fr[i]}`);
    }
</script>

🙊 어려웠던 점 or 해결못한 것

🐣 해결방법 작성

🌝 학습 소감

공부할수록 궁금한점이 많아지는것같다.