배열
배열 : 배열은 순서가 있는 값이다.
배열 내부에 들어 있는 값들은 element(요소)이다.
순서는 index로 불리고, 0부터 시작된다.
let arr = [ 92, 8, 19, 62, 5, 9, 67]
예시를 들어보면, 92는 0번째 인덱스의 값이다.
67은 6번째 인덱스의 값이다.
이것을 코드로 나타내보면
arr[0] = 92;
arr[6] = 67;
배열의 길이를 나타내는 length는 우리가 일반적으로 생각하는 수로 계산하면 된다.
arr.length = 7
내부 인덱스 값을 변경하는 방법
arr[6] = 95;
기존에 할당된 인덱스의 변수에 새로운 변수를 할당해주면, arr 내부의 값이 할당된 값으로 변경된다.
let arr = [ 92, 8, 19, 62, 5, 9, 95]
그리고 배열의 끝에 요소를 추가하는 방법은 push를 사용해주면 된다.
arr.push 는 배열의 끝에 요소를 추가하고, 요소를 추가한 배열의 길이를 리턴한다
arr.push(15);
let arr = [ 92, 8, 19, 62, 5, 9, 95, 15]
그리고 배열의 마지막 값을 삭제하는 메소드는 arr.pop()을 사용하면 된다.
arr.pop은 마지막 요소를 제거하고, 제거한 요소를 리턴한다.
arr.pop()
let arr = [ 92, 8, 19, 62, 5, 9, 95]
배열의 앞에 요소를 추가해주는 메소드는 unshift를 사용해주면 된다.
arr.unshift는 배열의 맨 앞에 요소를 추가하고, 요소를 추가한 배열의 길이를 리턴한다.
배열의 맨앞 요소를 삭제해주는 메소드는 shift이다.
arr.shift는 배열의 맨 앞 요소를 삭제하고, 그 삭제한 요소를 리턴한다.
배열인지 아닌지 확인하는 방법
Array.isArray(arr)
위의 메소드를 쓰면 Boolean 값으로 반환을 해준다. 만일 arr라면 true 아니라면 false로
typeof를 쓰면 arr는 하나의 객체로 인식하기에 따로 arr를 파악할 수 있는 메소드가 있는 것이다.
배열 내부에 값이 존재하는지 아닌지 확인하는 메소드는 arr.indexOf(찾고자 하는 엘리먼트) 혹은 arr.includes를 사용해주면 된다.
arr.indexOf는 그 값이 존재한다면, 그 값이 존재하고 있는 index를 리턴해준다. 만일 존재하지 않는다면, -1을 리턴해준다.
arr.includes는 그 값이 존재한다면, true를 존재하지 않는다면 false를 리턴해준다.
하지만 호환성과 제공해주는 정보를 생각한다면 arr.indexOf를 사용하는 것이 더 좋다!
arr.indexOf(5);
4
arr.indexOf('type')
-1
'개발 R.I.P.' 카테고리의 다른 글
5/27 Dev.Feedback(CSS) (0) | 2021.05.27 |
---|---|
5.26 Dev.Feedback(객체) (0) | 2021.05.26 |
5/24 Dev.Feedback (성능 보장 렌더링 순서) (0) | 2021.05.24 |
5/22 Dev.Feedback(React. class component vs function component) (0) | 2021.05.22 |
5/20 Dev.Feedback(CLI 명령어 정리) (0) | 2021.05.20 |