<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ex10배열</title>
</head>
<body>
<script>
// 1. 배열 생성
// : 다양한 자료형을 담을 수 있다.
// : 크기가 가변적
// let fruits = new Array()
let fruits = ['망고스틴🍑','사과🍎','샤인머스켓🍇']
// 배열 안에 있는 모든 데이터가 출력
console.log(fruits)
// 샤인머스켓만 출력
console.log(fruits[2])
// 배열의 길이를 출력
console.log(fruits.length)
// 배열에 데이터를 추가하는 방법
// 1. 정확하게 인덱스 번호를 지정해서 추가하는 방법
fruits[3] = '딸기🍓'
console.log(fruits)
fruits[5] = '체리🍒'
console.log(fruits)
// 2. 마지막 인덱스 뒤쪽에 데이터를 추가하는 방법
fruits.push('토마토🍅')
console.log(fruits)
// 배열 슬라이싱 하기
// slice(시작인덱스, 끝인덱스)
// --> 끝인덱스 직전까지의 데이터만 가져온다(python과 똑같다!)
console.log(fruits.slice(0,2))
console.log(fruits.slice(2,4))
// 배열 데이터 삭제하기
// splice(인덱스번호, 개수)
// --> 한번 내가 삭제할 데이터를 되돌려준 다음에 배열안에 있는 데이터를 삭제
// 인덱스번호부터 개수에 따라 삭제
console.log(fruits.splice(0, 1))
console.log(fruits)
console.log(fruits.splice(2,3))
console.log(fruits)
// 배열의 마지막 인덱스에 들어있는 데이터 삭제하기
fruits.pop()
console.log(fruits)
</script>
</body>
</html>
배열 생성 및 출력
인덱스 번호 지정해서 추가
push : 마지막 인덱스 뒤쪽에 데이터 추가
slice : 배열 슬라이싱
splice : 인덱스 번호부터 개수에 따라 삭제 (0번 인덱스부터 1개 삭제)
pop : 마지막 인덱스 데이터 삭제
'JavaScript' 카테고리의 다른 글
| [JavaScript] 함수 기초 (0) | 2022.05.27 |
|---|---|
| [JavaScript] 과목 입력 후 총 합, 평균 구하기 (0) | 2022.05.27 |
| [JavaScript] 랜덤 수 찾기 (0) | 2022.05.27 |
| [JavaScript] 반복문 (0) | 2022.05.27 |
| [JavaScript] 조건문 (0) | 2022.05.27 |