array.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>Document</title>
</head>
<body>
<script>
let fruits = ['🤢', '😍', '💋', '😎', '🎂'];
// 마자믹, 배열요소 추가
fruits.push('🍕','✔');
// 제일 앞, 배열요소 추가
fruits.unshift('👀','🌹');
console.log(fruits);
// 마지막, 배열요소 삭제
fruits.pop();
console.log(fruits);
// 제일 앞, 배열요소 삭제
fruits.shift();
console.log(fruits);
// ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
fruits.forEach(function(a,b,c){
console.log(`첫번째 매개변수 자리, 값 ${a}`);
console.log(`두번째 매개변수 자리, 인덱스 ${b}`);
console.log(`세번째 매개변수 자리, 배열자체 ${c}`);
})
// ↓ 간단하게 ★
fruits.forEach((vlaue=>console.log(`첫번째 매개변수 자리, 값 ${vlaue}`)));
// ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
// ★★ 배열의 순회 (배열의 반복) ★★
// (3)
fruits.forEach(function(list) {
console.log(list);
})
// (4)
fruits.forEach((fru)=> {
console.log(fru);
})
// ↑ console.log(함수 자리)
// (1)
// console.log(fruits[0]);
// console.log(fruits[1]);
// console.log(fruits[2]);
// console.log(fruits[3]);
// console.log(fruits[4]);
// ↓ 간단하게 ★
// (2)
// for (let i=0; i<fruits.length; i++) {
// console.log(fruits[i]);
// } console.log(fruits);
</script>
</body>
</html>
arrayFor.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>Document</title>
</head>
<body>
<script>
let arr = [1, 2, 3, 4,5];
console.log(arr);
//배열의 반복문
for (let i=0; i<arr.length; i++) {
console.log(arr[i]);
}
arr.forEach(a=> {
console.log(a);
})
for(let list of arr) {
console.log(list);
}
let fruits = ['🍕', '🍔', '🎂'];
for (let a of fruits) {
console.log(a);
}
fruits.push('👀');
console.log(fruits);
fruits.pop();
console.log(fruits);
fruits.shift();
console.log(fruits);
fruits.unshift('❤');
console.log(fruits);
</script>
</body>
</html>
