실습(array(1))
// js의 Array 객체는 길이를 설정하지 않아도
// 원하는 인덱스에 원하는 값을 바로 추가할 수 있다.
// 또한 타입이 지정되어 있지 않기 때문에 다양한 타입도 동시에 담을 수 있다.
var datas = [];
datas[0] = 10;
console.log(datas);
datas[3] = 30;
console.log(datas);
console.log(datas.length);
![](https://blog.kakaocdn.net/dn/bmqLsl/btrA4RVwSB1/gYcLuEbyNRy70Mo9HtJQt1/img.png)
실습(array(2))
1. push(): 가장 마지막에 값 추가
var datas = [20, 5, 6, 12, 10];
datas.push(19);
console.log(datas);
console.log(datas[3]);
![](https://blog.kakaocdn.net/dn/b9sQMH/btrA4Q3lY4l/UjN9FZJbnmgajpT9zwkeG0/img.png)
2. join(): 원하는 구분점을 문자열로 전달하여 각 요소를 전달한 구분점으로 구분한 뒤 문자열로 리턴
var datas = [20, 5, 6, 12, 10];
console.log(datas.join(":"));
![](https://blog.kakaocdn.net/dn/cTMxyN/btrA7aGjmI3/1sOoNj3cpFnzqu6X14pL8K/img.png)
3. slice
- slice(begin, end): 원하는 부분을 추출하기 위해 시작 인덱스(inclusive)와 마지막 인덱스(exclusive)를 전달한다.
var datas = [20, 5, 6, 12, 10];
console.log(datas.slice(1, 3)); // 인덱스 1부터 2까지만 출력된다.
![](https://blog.kakaocdn.net/dn/cqRdbn/btrA7OXjGAR/YZBmuS4E7OXOIsy6ywG550/img.png)
- slice(begin): begin부터 마지막까지 추출한다.
var datas = [20, 5, 6, 12, 10];
console.log(datas.slice(1));
![](https://blog.kakaocdn.net/dn/bj6Eji/btrA5aHh3gu/WXOy335TXpvjk7D9k9rJ21/img.png)
4. forEach
- forEach(function(각 요소를 담을 매개변수){})
var datas = [20, 5, 6, 12, 10];
datas.forEach(function(value){
console.log(value);
});
![](https://blog.kakaocdn.net/dn/GuLj4/btrA69tSUks/fGk1MmIqaGdHxEfCVRs0F0/img.png)
- forEach(function(각 요소를 담을 매개변수, 인덱스, Array객체){})
var datas = [20, 5, 6, 12, 10];
datas.forEach(function(value, index, ar){
ar[index] = value * value;
});
console.log(datas);
![](https://blog.kakaocdn.net/dn/bFl4Kz/btrA5b0xB8f/xOlLRsz90rYpY1lkOKTlp1/img.png)
5. indexOf(값): 값을 해당 Array에서 찾은 뒤 인덱스 번호 리턴
var datas = [20, 5, 6, 12, 10];
console.log(datas.indexOf(100));
console.log(datas.indexOf(1));
![](https://blog.kakaocdn.net/dn/S3PEx/btrA54NmykJ/nRqCHK7ArU2OGMjRk8rRRK/img.png)
6. map(콜백함수(요소){return 변경시킨 값;})
var datas = [20, 5, 6, 12, 10];
datas.map(function(v){return v*2;}).forEach(function(v){console.log(v);});
![](https://blog.kakaocdn.net/dn/cwiacA/btrA9iKqhSO/9KeHcqPC0WvFtLxON2bxzK/img.png)
7. toString()을 사용하면 각 요소가 ,로 구분되어 문자열로 리턴된다.
let week = new Array(7);
// week.push("월");
// week.push("화");
// week.push("수");
// week.push("목");
// week.push("금");
// week.push("토");
// week.push("일");
// console.log(week);
// let i = 0;
// week[i++] = "월";
// week[i++] = "화";
// week[i++] = "수";
// week[i++] = "목";
// week[i++] = "금";
// week[i++] = "토";
// week[i++] = "일";
week = new Array("월", "화", "수", "목", "금", "토", "일")
week.forEach(function(v) {console.log(v);});
console.log(week.toString());
![](https://blog.kakaocdn.net/dn/bfUGsk/btrA0XOYt1y/TtH9IzXQKwL2ShXKeILYv0/img.png)
'웹 개발 > JavaScript' 카테고리의 다른 글
[Web_JavaScript] 11 (0) | 2022.05.07 |
---|---|
[Web_JavaScript] 10 (0) | 2022.05.06 |
[Web_JavaScript] 08 (0) | 2022.05.04 |
[Web_JavaScript] 07 (0) | 2022.05.03 |
[Web_JavaScript] 06 (0) | 2022.05.02 |