반응형
배열
순서가 있는 값
순서 = 인덱스(index) / 값 = 요소(element)
let myNumber = [22,38,16,51,86];
배열 메소드
대괄호 (square bracket)를 이용해 배열을 만들고 각각 원소(element)는 쉼표(comma)로 구분하며
첫번째 원소부터 0으로 번호를 매긴다.
배열 요소(element)의 조회, 추가, 삭제, 복사, 분리 하는 방법
arr[0], push, pop, unshift, shift, slice, length
배열의 2번째 인덱스를 조회하려면?
순서가 있는 값
순서 = 인덱스(index) / 값 = 요소(element)
let myNumber = [22,38,16,51,86];
대괄호 (square bracket)를 이용해 배열을 만들고 각각 원소(element)는 쉼표(comma)로 구분하며
첫번째 원소부터 0으로 번호를 매긴다.
배열 요소(element)의 조회, 추가, 삭제, 복사, 분리 하는 방법
arr[0], push, pop, unshift, shift, slice, length
배열의 2번째 인덱스를 조회하려면?
myNumber[2]; //16
myNumber[9]; // undefined
//인덱스값을 벗어날 경우
let myNumber2 = [
[13,30],
[73,8],
[44,17]
];
//배열안에 배열이 있는 경우
myNumber2 의 1번째 인덱스값을 구하려면 ?
myNumber2[1] // [73,8]
myNumber2의 1번째 인덱스의 0번째 인덱스값을 구하려면 ?
myNumber2[1][0] // [73]
myNumber.length // 5
//배열의 길이를 알고싶을 경우
//배열에 새 요소를 추가하고 싶은 경우
myNumber.push(96); // [22,38,16,51,86,96]; / 배열의 맨 뒤에 추가됨
myNumber.unshift('30'); // [30,22,38,16,51,86,96]; 배열의 맨 앞(0번째 인덱스)에 요소를 추가함
//배열의 요소를 제거하고 싶은 경우
myNumber.pop(); // [22,38,16,51,86]; / 배열의 맨 뒤 값이 제거됨
myNumber.unshift(); // [22,38,16,51,86]; 배열의 맨 앞(0번째 인덱스) 요소가 제거됨
//배열인지 확인하고 싶은 경우
Array.isArray(myNumber) // true
//typeof로 검사하면 object로 취급되기 때문에 순서에 유의해야 한다.
//빈 배열인지 확인하고 싶을 땐?
Array.isArray(arr)&&arr.length === 0;
/*
arr가 배열이라면 arr.length === 0 로 넘어가서 조건을 확인해야 한다.
배열일 경우 length가 0인지 확인한다.
&&문 왼쪽에 있는 조건을 먼저 검사하고 true일때만 다음 조건을 검사하므로
배열이 Array일 경우에만 length 프로퍼티가 있는지 확인하기 때문에 에러가 나지 않는다.
arr.length만 사용하면 arr 가 배열이 아닌 경우 오류를 발생하기 때문이다.
*/
//배열을 복사하고 싶을 땐?
newMyNumber = myNumber.slice();
// 새로운 주소값의 배열이 생성됨
//입력받은 문자열을 배열로 바꾸고 싶을 땐?
let word = ('my name is james');
//공백을 기준으로 자르는 경우.
let arrayWord = word.split(' ');
arrayWord = ['my','name','is','jamse']
//콤마를 기준으로 자르는 경우.
let fruit = ('banana, apple, pineapple');
let arrayFruit = fruit.split(',');
arrayFruit = ['banana', 'apple', 'pineapple']
//배열 요소중 최대값,최소값을 찾고싶을 땐?
Math.max.apply(null, 배열); // 최대값
Math.min.apply(null, 배열); //최소값
let arr = [02, 14, 26, 11, 99, 78, 55];
Math.max.apply(null, arr); // 99
Math.min.apply(null, arr); // 02
//배열 내에 비교 가능한 값이 있을 경우는 결과값 NaN
//배열 요소를 하나씩 출력하고 싶을 땐?
let myArr = [10,20,30,40];
for(let i of myArr){
console.log(i);
}
// 10
// 20
// 30
// 40
//배열 2개를 하나로 합치고 싶을 땐?
let arr1 = ['a', 'b'];
let arr2 = ['c', 'd'];
arr1.concat(arr2);
반응형
'Dev > JavaScript' 카테고리의 다른 글
JavaScript String / 문자열 (0) | 2021.11.01 |
---|---|
JavaScript Type (0) | 2021.11.01 |
JavaScript variable / 변수 (0) | 2020.11.18 |