Dev/JavaScript

JavaScript Array / 배열

구 불출 2021. 11. 1. 15:40
반응형

배열

순서가 있는 값

순서 = 인덱스(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