10. 배열
2024. 11. 1. 17:46ㆍ자바스크립트(Javascript)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열</title>
</head>
<body>
<script>
const user = [1, 'apple', '김사과', 20, '서울 서초구']
console.log(user) // [1, 'apple', '김사과', 20, '서울 서초구']
console.log(user[0]) // 1
console.log(user[1]) // apple
user[4] = `서울 강남구`
console.log(user) // [1, 'apple', '김사과', 20, '서울 강남구']
console.log(user.length) // 5
//5번이 비어지구
user[6] = `여자`
console.log(user) // [1, 'apple', '김사과', 20, '서울 강남구', empty, '여자']
console.log(user.length) // 7
for(let i =0; i<user.length; i++){
console.log(user[i]) // [1, 'apple', '김사과', 20, '서울 강남구', empty, '여자']
}
console.log(`----------------`)
// push() :배열의 요소를 추가
user.push('ISTJ')
console.log(user) // [1, 'apple', '김사과', 20, '서울 강남구', empty, '여자', 'ISTJ']
//pop() : 배열의 마지막 인덱스 번호에 있는 값을 제거
let temp = user.pop()
console.log(user) // [1, 'apple', '김사과', 20, '서울 강남구', empty, '여자']
console.log(temp) // ISTJ
//shift() : 배열의 첫번째 인덱스 번호에 있는 값을 제거
temp = user.shift()
console.log(user) // ['apple', '김사과', 20, '서울 강남구', empty, '여자']
console.log(temp) // 1
//concat() : " 두 배열의 요소를 합침"
const profile = [`A형`, `ISTJ`]
result = user.concat(profile)
console.log(result) // ['apple', '김사과', 20, '서울 강남구', empty, '여자', 'A형', 'ISTJ']
//join() : 배열 요소 사이에 원하는 문자를 삽입
result = user.join(`🎃`)
console.log(result) // apple🎃김사과🎃20🎃서울 강남구🎃🎃여자
console.log(typeof(result)) // string
//sort() : 배열 요소를 오름차순
const arr = [`apple`, `banana`, `Apple`, `melon`]
arr.sort()
console.log(arr) // ['Apple', 'apple', 'banana', 'melon']
//reverse() : 배열을 역순으로 재배치
arr.reverse()
console.log(arr) // ['melon', 'banana', 'apple', 'Apple']
</script>
</body>
</html>728x90
LIST
'자바스크립트(Javascript)' 카테고리의 다른 글
| 12. 함수 (0) | 2024.11.02 |
|---|---|
| 11. 배열과 반복문 (2) | 2024.11.02 |
| 9. 반복문 - for 문 (0) | 2024.11.01 |
| 8. 반복문 - while 문 (0) | 2024.11.01 |
| 7. Switch문 활용 (0) | 2024.11.01 |