js Arrays

dbgnlcks34·2020년 6월 30일
0

Arrays

배열은 js 의 목록 작성 방법이다. 배열은 모든 데이터 유형(문자열, 숫자 불린 포함)을 저장할 수 있다. 목록과 마찬가지로 배열이 정렬되므로 각 항목의 번호가 매겨진다. 배열읜 대괄호[] 와 그 안의 내용으로 표시된다. 배열 내의 각 컨텐트 항목을 요소라고 한다.

배열의 각 요소에는 index 로 알려진 번호가 있다. index 를 사용하여 개별 항목에 액세스 할 수 있다. js의 배열은 인덱스가 0부터 시작한다.

!
대괄호 표기와 인덱스를 이용하여 문자열의 개별 문자에 액세스 할 수도 있다.

ex)

const hello = 'Hello World';
console.log(hello[6]);
// Output: W

Update Elements

ex)

let seasons = ['Winter', 'Spring', 'Summer', 'Fall'];

seasons[3] = 'Autumn';👈

console.log(seasons); 
//Output: ['Winter', 'Spring', 'Summer', 'Autumn']

대괄호 안에 인덱스를 입력하고 새로 바꿀 값을 입력하면 배열의 요소를 바꿀 수 있다.

Arrays with let and const

let 및 const 키워드를 사용하여 변수를 선언할 수 있다. let 으로 선언 된 변수는 재할당 될 수 있다.

const 로 선언된 변수는 재할당 될 수 없다. 그러나 const 로 선언된 배열의 요소는 변경 가능하다. const 배열의 내용을 변경할 수는 있지만 새 배열이나 다른 값을 다시 할당할 수는 없다.

ex)

let condiments = ['Ketchup', 'Mustard', 'Soy Sauce', 'Sriracha'];

const utensils = ['Fork', 'Knife', 'Chopsticks', 'Spork'];

condiments[0] ='Mayo';👈 let으로 선언된 변수의 내용 변경 가능
console.log(condiments);

condiments = ['Mayo'];👈 let으로 선언된 변수는 재할당 가능
console.log(condiments);

utensils[3] = 'Spoon';👈const 로 선언된 변수는 내용 변경만 가능, 재할당은 불가능!
console.log(utensils);

The .length property

.length 를 사용하면 배열에 몇개의 요소가 있는지 알 수 있다.

ex)

const objectives = ['Learn a new languages', 'Read 52 books', 'Run a marathon'];

console.log(objectives.length);👈
// Output: 3

The .push() Method

.push() 메소드를 사용하면 배열 끝에 항목을 추가할 수 있다.

ex)

const chores = ['wash dishes', 'do laundry', 'take out trash'];

chores.push('study hard', 'exercise');

console.log(chores);
// Output: [ 'wash dishes',
  'do laundry',
  'take out trash',
  'study hard',
  'exercise' ]

The .pop() Method

.pop() 메소드는 배열의 마지막 항목을 제거한다. 이것은 인자를 취하지않고 배열의 마지막 요소를 제거한다. 그리고 제거된 마지막 요소의 값을 반환한다.

ex)

const newItemTracker = ['item 0', 'item 1', 'item 2'];

const removed = newItemTracker.pop();👈반환되는 마지막 요소의 값을 나중에 사용하기 위해 변수에 저장할 수도 있다.

console.log(newItemTracker); 
// Output: [ 'item 0', 'item 1' ]
console.log(removed);
// Output: item 2

More Array Methods

참고자료
-https://im-developer.tistory.com/103
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

.join()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join

.slice()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

.splice()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

.shift()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

.unshift()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

.concat()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

Arrays and Functions

배열을 함수에 전달할 때 함수 내부에서 배열이 변경되면 해당 변경사항은 함수 외부에서도 유지된다.

Nested Arrays

배열은 다른 배열을 저장할 수 있다. 배열 안의 배열을 호출하려면 대괄호를 연속적으로 사용한다.

profile
tenacity

0개의 댓글