[JS] 배열/for

🌱 배열

✏️기본

배열, 여러 자료들 묶어서 활용할 수 있는 자료들

요소 엘리먼트 element
const array = [237, "문자", false, [27, 45], {}, function()]

const str ="안녕하세요" : 변수에 문자를 담은 경우
str.length : 변수담은 문자데이터 길이
str[3] : 변수에 담긴 문자 데이터 index

배열 요소는 숫자형, 문자형, Boolean, 배열, 함수가 들어갈 수 있다.

✏️요소 추가

push

배열 안 마지막에 요소 추가

const fr = ["키위", "딸기", "사과"]
fr.push("바나나")

push 할 경우 배열 마지막에 새로운 데이터를 삽입할 수 있다.

배열이름[배열이름.length]

배열의 끝에 요소를 추가하는 방법 (2) : 배열이름[배열이름.length]

var arr = ['a', 'b', 'c']
arr[arr.length] = 'd'

a, b, c, d 순으로 마지막에 데이터가 삽입된 것을 확인할 수 있음.

unshift

var arr = ['a', 'b', 'c'];
arr.unshift('d');

배열 맨 앞에 요소 추가

배열이름[n]

var arr = ['a', 'b', 'c']
arr[5] = 'd'

5번째 요소에 d가 추가됌.
['a', 'b', 'c', 'undefined', 'undefined', 'd']

splice('위치값n', 0, '요소')

var arr = ['a', 'b', 'c'];
arr.splice(1, 0, 'd');

splice(1번째 index, 그 자리에, d를 넣는다)

✏️indexOf

요소의 index 위치를 왼쪽에서부터 찾아줌

const fr = ["키위", "딸기", "사과"]
fr.push("바나나")
fr.indexOf("사과")

사과 요소 index를 찾아준다

✏️요소 제거

splice

지정한 위치에 있는 요소(n개)를 제거하는 방법 splice('위치값n', '제거할 요소의 갯수')

const fr = ["키위", "딸기", "사과"]
fr.push("바나나")
fr.indexOf("사과")
fr.splice(2,1)

splice로 요소의 index 위치 기준으로 1개 요소가 삭제된 것 확인.

pop

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.pop();

맨 뒤에 요소를 삭제한 말.

배열이름.length-1

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.length = arr.length -1;

마지막 요소 제거 가능

shift()

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.shift();

첫번째 요소 제거

splice('위치값n', '제거할 요소의 갯수')

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 1);

지정한 위치에 있는 요소(n개)를 제거

delete

var arr = ['a', 'b', 'c', 'd', 'e'];
delete arr[1];

요소들은 그대로 두고 해당 index 위치에 값을 삭제함

🌱 for

✏️for

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

• const i in fr fr이라는 배열 안에 있는 개수만큼 반복

반복문으로 배열 안 데이터를 불러올 수 있다

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

인덱스, 요소, 문자를 조합해 for문으로 문장을 출력할 수 있다

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

반복문 활용방법이 궁금하다.

🍀 해결방법 작성

✏️ 어떻게 해결을 했는가?
✏️ 이렇게 이해를 했다
✏️ 어디까지 이해했지?
✏️ 다음에 시도해볼 방법
반복문을 실무에서 어떻게 활용할 수 있는지 찾아봐야겠다

🌷 학습 소감

반복문으로 문장을 반복해서 작성할 수 있었음.