코드스테이츠 10일차

배열 (Array)

• 배열이란? 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다.

배열의 선언방법

let arr1 = [];
let arr2 = new Array();

위와 같이 대괄호를 이용하여 빈 배열을 생성할 수도 있고,

배열을 선언할 때 초기값을 설정해 줄 수도 있습니다.

 arr1 = []; 

빈 배열을 생성하였습니다. 배열의 길이는 0

 arr2 = ['white', 'red', 'black']; 

초기값을 설정하면서 배열을 생성하였습니다.

이 배열의 길이는 3입니다.

배열의 길이 구하기

• 배열의 길이는 Array 인스턴스의 length 속성을 통해서 확인할 수 있습니다.
• 또한, length 속성 값을 직접 설정하여, 배열의 길이를 조정할 수도 있습니다.

자바스크립트 타입 구하는 방법

• typeof() 사용

배열,객체는 typeof()를 사용하면 "object" 로 나온다

그래서 배열은 Array.isArray() 사용

배열의 인덱스 순서

• 인덱스는 0번째부터 시작한다

for...of

• for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

배열 값 추가, 삭제하기 (앞, 뒤, 중간)

.split()

• 전화번호, 주민등록번호 등의 숫자에서 - 기준으로 구분하기

• 하나의 문장에서 스페이스바를 기준으로 단어를 분리하기

• ip 주소를 . 으로 구분하여 나타내는 경우 사용 가능

Array.prototype.push()

• 배열의 맨 뒤에 값 추가 : push()

const animals = ['pigs', 'goats', 'sheep'];

01)
const count = animals.push('cows');
console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "cows"]

02)
animals.push('chickens', 'cats', 'dogs');
console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "cows", "chickens", "cats", "dogs"]

Array.prototype.shift()

• 배열의 맨 앞 값 제거 : shift()

Array.prototype.unshift()

• 배열의 맨 앞에 값 추가 : unshift()

• shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다.

Array.prototype.concat()

• concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다.

Array.prototype.slice()

• slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.

Array.prototype.pop()

• 배열의 맨 뒤 값 제거 : pop()

Array.prototype.join()

• join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.