S1U9 [Javascript] 배열, 객체

이해도 자가 점검 리스트

Chapter1. 배열

• 배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
• length 속성을 이용하여 배열의 길이를 조회할 수 있다.
• 배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다.
• 배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
• 배열에서 사용되는 다양한 메서드를 알고 사용할 수 있다.
  • split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()

증감연산자

undefined + 10 = NaN( not a number) 계산안됨

1. 뒤에 element 추가(addToBack): push

2.뒤에 element 삭제(removeFromBack): pop

3잎에 element 추가(addToFront): shift

4.앞에 element 추가(removeFromeFront): unshift

.indexOF : 배열안에 있는 단어를 검색함 있으면 배열순번(0,1,2,~) 표기 없으면 -1 표기됨, 대소문자 구분해야함

 

hasElement(배열, 찾으려는 엘리먼트) // true or false

ex) function hasElement(arr, element) {
    let isPresent = arr.indexOf(element) !== -1;
    return isPresent;
}    
undefined
hasElement(words, 'Brown')
true
hasElement(words, '없는것')
false

 

더 쉬운방벙

words.includes('Brown')
true
words.includes('없는것')
false

 

indexOf:인덱스 찾기, 없으면 -1로표기됨 (정보와 존재여부확인가능)와

includes: (존배여부만 확인)차이 : 추천 indexOf(범용성 호환성)

method(객체의 구성요소에서 함수의 기능) & porperty(객체의 구성요소에서 변수의 기능)

Array.isArray() : 배열확인법 true/false로 확인

(arr.length === 0) 빈배열확인법 rue/false로 확인

(arr === []) 빈배열 확인안됨

배열은 순서정보(index)를 가지고 있다 index를 활용해서 각 요소 element 를 조회 할 수 있다

배열은 0번째요소,1번째요소등등 으로 표현. (*첫번째라고 표현하면 애매함)

*Mutable Method : 원본 배열을 직접 변경

Pop(), splice(), shift(), unshift(), splice()

-splice (n번부터 n번까지 지우고 남는것표기)

*Immutable Method : 원본 배열을 직접 변경안함

slice() - 복사 붙여넣기, concat()-배열과 배열을 붙일때

*quokka