배열 요소에 접근하기
배열 요소 갯수 확인하기
배열 뒷부분에 요소 추가하기
배열 특정 위치에 요소 추가하기
배열 요소 제거하기
index.html
<!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>Array</title>
</head>
<body>
<script>
console.log("배열 요소에 접근하기: 배열[인덱스]");
const str = 'hi?!';
console.log(str);
console.log("str[2]: " + str[2]);
console.log("");
console.log("배열 요소 개수 확인하기: 배열.length");
const fruits = ['apple', 'banana', 'remon', 'berry'];
console.log(fruits);
console.log("fruits.length: " + fruits.length);
console.log("");
console.log("배열 뒷부분에 요소 추가하기: 배열.push(요소)");
const todos = ['과제하기', '밥먹기', '집에 가기'];
console.log(todos);
console.log(todos.push("잠자기"));
console.log(todos);
console.log("");
console.log("배열 특정 위치에에 요소 추가하기: 배열.splice(인덱스, 0, 요소)");
const todos2 = ['과제하기', '밥먹기', '집에 가기'];
console.log(todos2);
todos2.splice(1, 0, "잠자기");
console.log(todos2);
console.log("");
console.log("배열 요소 제거하기");
console.log("1. 인덱스로 요소 제거: 배열.splice(인덱스, 제거할 요소의 개수)");
const itemsA = ['apple', 'remon', 'banana'];
console.log(itemsA);
console.log(itemsA.splice(2, 1));
console.log(itemsA);
console.log("2. 값으로 요소 제거: 배열.splice(인덱스, 제거할 요소의 개수)");
const itemsB = ['apple', 'remon', 'banana'];
const index = itemsB.indexOf('banana');
console.log(itemsB);
console.log(itemsB.splice(index, 1));
console.log(itemsA);
console.log("");
</script>
</body>
</html>
