📖
Javascript
  • 자바스크립트 시작하기
  • 자바스크립트 기초 문법
  • 변수
  • 배열
  • 객체
  • 연산자
  • 조건문
    • if 문
    • if ~ else 문
    • 다중 if문
    • 중첩 if문
    • switch 문
    • 삼항 연산자
  • 반복문
    • while 문
    • do while 문
    • for 문
    • 중첩 for 문
    • break 문
    • continue 문
  • 함수
    • 선언적 함수
    • 익명 함수
    • 매개변수가 있는 함수
    • Arguments 함수
    • 리턴값이 있는 함수
    • 재귀 함수
    • 콜백 함수
    • 내부 함수(스코프)
    • 객체 생성자 함수
    • 프로토타입 함수
    • 화살표 함수
    • 클래스
    • Promise
    • 함수 정리
    • 템플릿 리터럴
  • 내장객체
    • String 객체
      • split()
      • join()
    • Number 객체
    • Date 객체
    • Array 객체
    • Math 객체
    • 정규표현 객체
  • 브라우저 객체
    • Window 객체
    • Navigator 객체
    • Screen 객체
    • History 객체
    • Location 객체
  • 문서객체
  • 이벤트
Powered by GitBook
On this page
  • 배열
  • 배열을 선언과 동시에 초기화하는 방법
  • 배열을 선언하지 않고 초기화하는 방법
  • 배열 크기 구하는 방법
  • 배열 가져오기
  • 배열의 합 구하기
  • forEach 사용하기
  • for in문
  • for of문
  • 배열 비구조화 할당

Was this helpful?

배열

배열

배열은 여러개의 데이터를 순차적으로 저장하는 저장소 입니다.

var 변수명 = [값1, 값2, 값3.....]
let arr1 = new Array();
arr1[0] = 100;
arr1[1] = 200;

document.write(arr1[0], "<br>"); //100
document.write(arr1[1], "<br>"); //200

배열을 선언과 동시에 초기화하는 방법

let arr2 = new Array(100, 200, 300);
document.write(arr2[0], "<br>");
document.write(arr2[1], "<br>");
document.write(arr2[2]);
//100
//200
//300

배열을 선언하지 않고 초기화하는 방법

let arr3 = [100, 200, 300];
document.write(arr3[0], "<br>");
document.write(arr3[1], "<br>");
document.write(arr3[2]);

//100
//200
//300

배열 크기 구하는 방법

let arr4 = [100,200,300,400,500]
document.write(arr4.length);

//5

배열 가져오기

let arr1 = [100,200,300,400,500,600,700,800,900]

// document.write(arr1[0], "<br>")
// document.write(arr1[1], "<br>")
// document.write(arr1[2], "<br>")
// document.write(arr1[3], "<br>")
// document.write(arr1[4], "<br>")
// document.write(arr1[5], "<br>")
// document.write(arr1[6], "<br>")
// document.write(arr1[7], "<br>")
// document.write(arr1[8], "<br>")

//크기 구하는 방법으로 가져오기
for(let i = 0; i < arr1.length; i++){
    document.write(arr1[i] + "<br>")
}

//
for(let i=0; i<8; i++){
    document.write(arr1[i], "<br>")
}
//100 ~ 900

배열의 합 구하기

//배열의 합 구하기
let arr2 = [100,200,300,400,500];
let sum = 0;

for (let i=0; i<arr2.length; i++){ //길이
    //arr2[0] = 100
    //arr2[1] = 200
    //arr2[2] = 300
    //arr2[3] = 400
    //arr2[4] = 500
    sum = sum + arr2[i]
}
document.write(sum);
//1500

forEach 사용하기

const arr3 = [100,200,300,400,500,600,700,800,900];
    //for문 사용해서 출력
    
    // for(let i=0; i<arr3.length; i++){
    //     document.write(arr3[i], "<br>");
    //     document.write(i, "<br>");
    // }

arr3.forEach((element, index, array) => {
    document.write(element,"<br>");
    document.write(index,"<br>");
    document.write(array,"<br>");
});

/*
100
0
100,200,300,400,500,600,700,800,900
200
1
100,200,300,400,500,600,700,800,900
300
2
100,200,300,400,500,600,700,800,900
400
3
100,200,300,400,500,600,700,800,900
500
4
100,200,300,400,500,600,700,800,900
600
5
100,200,300,400,500,600,700,800,900
700
6
100,200,300,400,500,600,700,800,900
800
7
100,200,300,400,500,600,700,800,900
900
8
100,200,300,400,500,600,700,800,900
*/
const arr1 = [100,200,300,400,500,600,700];
arr1.forEach((elem) => {
    document.write(elem);
});

for in문

const arr3 = [100,200,300,400,500,600,700,800,900];

for( let i in arr3){
    document.write(arr3[i]);        
}        
// 100200300400500600700800900

for of문

const arr3 = [100,200,300,400,500,600,700,800,900];
for( let i of arr3){
    document.write(i);
}
// 100200300400500600700800900

for in문은 인덱스를 호출하기 때문에 document.write(i);를 하면 배열의 순서가 나온다.

arr[i]는 배열에 인덱스의 값을 넣었기 때문에 배열의 값이 나온다.

let a = []; // 배열 선언
for( let i=1; i<=5; i++ ){
    a += [i] // a = a + [i]
}
console.log(a); //12345
document.write(a[0],"<br>");
document.write(a[1],"<br>");
document.write(a[2],"<br>");
document.write(a[3],"<br>");
document.write(a[4],"<br>");
document.write(a[5],"<br>");
/*
1
2
3
4
5
undefined
*/

배열 비구조화 할당

let [c,d] = [100, 200];
document.write(c);
document.write(d);
// 100200

let [x,y] = [100, 200];
document.write(x);
document.write(y);
document.write("<br><br>");

[x,y] = [y,x]
document.write(x);
document.write(y);
// 100200

// 200100

Previous변수Next객체

Last updated 4 years ago

Was this helpful?