본문 바로가기
개발자 꿈나무/JavaScript

배열(Array)

by ♥︎해이나♥︎ 2020. 8. 6.
반응형

배열(Array)이란?

프로그래밍을 하면 성격이 모두 다른, 굉장히 많은 데이터를 다루게 됨 -> 점점 늘어나면 감당이 안됨 -> 데이터 중에 서로 연관되어 있는 것들을 잘 정리정돈해서 담아두는 수납상자 = 배열 (Array)

좀 더 자세한 설명이 필요한 듯 하여 구글 서치를 해 보았다.

더보기

배열은 같은 종류의 데이터를 많이 다뤄야 하는 경우에 사용할 수 있는 가장 기본적인 자료 구조로서 같은 타입의 변수들로 이루어진 유한 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자는 인덱스(index)라고 한다. 인덱스는 언제나 0부터 시작하며, 0을 포함한 양의 정수만을 가진다.


활용해보자!

<h1> Array</h1>
<h2>Syntax</h2>
<script>
var coworkers = ["egoing", "leezche"];
</script>

- coworkers 안에 egoing, leezche 두 가지 배열 요소를 넣음, 인덱스 0번은 egoing / 인덱스 1번은 leezche가 됨

<h2>get</h2>
<script>
document.write(cowerkers[0]);
document.write(cowerkers[1]);
</script>

- 인덱스 0번과 1번을 각각 추출함

<h2>add<h2>
<script>
coworkers.push('duru');
coworkers.push('taeho');
</script>

- coworkers 안에 duru, taeho를 추가함

<h2>count</h2>
<script>
document.write(coworkers.length);
</script>

- 해당 배열의 데이터 갯수를 알 수 있음 (총 4개)


[검색 tip]

- 해당 배열의 데이터 갯수가 알고 싶을 때 Javascript array length property -> .length

- 배열에 새로운 데이터를 추가하고 싶을 때 Javascript array add data -> .push()

- 배열과 관련된 각종 기능들을 보고 싶을 때 Javascript array

[추천 url]

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

 

Array

JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다.

developer.mozilla.org

※생활코딩 > WEB > WEB2 - JavaScript 강의를 통해 공부한 내용입니다.

반응형

'개발자 꿈나무 > JavaScript' 카테고리의 다른 글

반복문에 배열 활용하기  (0) 2020.08.18
반복문(Loop)  (0) 2020.08.15
리팩토링(refactoring)  (0) 2020.07.13
조건문  (0) 2020.07.11
비교 연산자와 Boolean 데이터 타입  (0) 2020.07.11

댓글0