본문 바로가기
App Programming/JavaScript

[JavaScript] 배열 (Array)

by goatlab 2023. 6. 2.
728x90
반응형
SMALL

배열 (Array)

 

배열 (array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소 (element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스 (index)라고 한다.

 

html

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    </head>
    <body>
        <script type="text/javascript" src="default.js"></script>
    </body>
    <h1>반갑습니다.</h1>
</html>

 

js

 

// 20개의 변수를 가진 배열 생성
var names = new Array(20)

// 배열 인덱스는 항상 0부터 시작
names[0] = "메시"
names[1] = "호날두"

// 배열 요소 출력
console.log(names[1])

// 값을 가진 배열 생성
var player = ["메시", "호날두", "네이마르", "레반도프스키"]
console.log("player = " + player)
console.log("2번째 선수: " + player[2])

// 배열의 길이 찾기
console.log("선수 배열의 길이: " + player.length)

// 배열에 요소 추가
player.push("벤제마")
console.log("push 후 선수 배열 = " + player)

// 배열의 요소 삭제
player.pop("musa")
console.log("pop 후 선수 배열 = " + player)

// 배열 연결
var num1 = [10, 20]
var num2 = [30, 40, 50, 60]
var num = num1.concat(num2)
console.log("배열 잇기(concatenation) : " + num)

728x90
반응형
LIST

'App Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 날짜 (Date)  (0) 2023.06.02
[JavaScript] 즉시 실행 함수 표현식 (IIFE)  (0) 2023.06.01
[JavaScript] 함수 (Function)  (0) 2023.06.01
[JavaScript] continue / break  (0) 2023.06.01
[JavaScript] do-while 루프  (0) 2023.06.01