01. 배열(Array) 생성하는 법
const arr1 = new Array();
const arr2 = [1,2];
object를 만드는 것 처럼 new 를 사용하여 배열을 만들 수 있고, [ ] 를 이용하여 배열을 만들 수가 있다.
배열은 index번호를 가지는데 현재 위에 숫자 1,2 는 index번호로 0,1 이다.
왜냐하면 배열의 시작은 0부터 시작하기 때문이다.
02. 배열(Array)의 index
이 index번호를 활용해서 제일 마지막에 있는 데이터를 부를 수 있는 방법은
const arr1 = new Array();
const arr2 = [1,2];
console.log(arr2[arr2.length-1]);
배열의 length에 -1을 해주면 마지막에 있는 데이터를 부를 수 있다.
현재 arr2의 length는 2지만 -1을 하면 값은 1이 나오는데 배열의 index는 0부터 시작하기 때문에 -1을 적용해주는 것이 맞다.
03. 배열(Array)의 모든 데이터 불러오기
배열의 모든 데이터를 불러오는 방법은 for 반복문과 fotEach라는 api를 이용한다.
먼저 for 반복문을 이용하여 배열의 모든 데이터를 불러오는 방법은
const arr2 = [1,2];
for( let value of arr2){
console.log(arr2);
}
for문 안에 가상의 let 변수를 만들어 주고 of를 사용하여 배열의 값들을 불러온다.
두 번째 방법으로 forEach라는 api를 이용하는 방법이다.
const arr2 = [1,2];
arr2.forEach(function(arr2){
console.log(arr2);
});
forEach는 콜백함수를 받아와서 배열의 값들을 불러온다.
그리고 forEach를 사용하면 function( )의 ( )안에 value와 index, array를 불러올 수 있는데, 현재는 value만 불러와서
function(arr2)라는 형태를 띠게 된다.
만약 index와 array 값이 들어간다면, function(arr2,index,array){ }; 와 같은 형태로 사용할 수 있다.
'Javascript' 카테고리의 다른 글
10.Javascript 화살표 함수(arrow function) (0) | 2022.03.07 |
---|---|
09.Javascript 로또번호 추출기 예제 (0) | 2022.03.04 |
07.Javascript 기초 예제 자판기 만들기 (0) | 2022.02.25 |
06.Javascript Object 이론 정리 (0) | 2022.02.23 |
05.Javascript class 이론 (0) | 2022.02.22 |