<!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>
<h2>배열</h2>
<script>
/*
배열 만들기
var arr [];
var arr = new Array();
*/
// var fruits = [];
// fruits[0] = '사과';
// fruits[1] = '배';
// fruits[2] = '바나나';
// document.write(fruits);
var fruits = ['사과', '배', '바나나', '딸기'];
var animals = ['사자', '호랑이', '곰'];
var amount = fruits.length;
var newStr = fruits.join('/');
var newArr = fruits.reverse();
var newArr2 = fruits.sort(function(a,b) {
return b-a;
});
var newArr3 = fruits.concat(animals);
var newArr4 = fruits.slice(1,3); // 원본 배열은 변하지 않음
var newArr5 = fruits.splice(1,3); // 원본 배열이 변함
document.write(fruits + '<br>');
document.write(fruits[0] + '<br>');
document.write(amount + '<br>');
document.write(newStr + '<br>');
document.write(newArr+'<br>');
document.write(newArr2 + '<br>');
document.write(newArr3 + '<br>');
document.write(newArr4 + '<br>');
document.write(newArr5 + '<br>');
</script>
<h2>값 추가하기 - push</h2>
<p>기존의 값 뒤에 추가한다.</p>
<script>
var beers = ['하이네켄', '코로나', '스텔라', '카스'];
beers.push('수제맥주', '제주비어');
document.write(beers);
</script>
<h2>값 추가하기 - unshift</h2>
<p>기존의 값 앞에 추가한다.</p>
<script>
var beers = ['하이네켄', '코로나', '스텔라', '카스'];
beers.unshift('수제맥주', '제주비어');
document.write(beers);
</script>
<h2>값 삭제하기 - pop</h2>
<p>기존의 값 가장 뒤에 있는 것을 삭제한다.</p>
<script>
var beers = ['하이네켄', '코로나', '스텔라', '카스'];
beers.pop();
document.write(beers);
</script>
<h2>값 삭제하기 - shift</h2>
<p>기존의 값 가장 앞에 있는 것을 삭제한다.</p>
<script>
var beers = ['하이네켄', '코로나', '스텔라', '카스'];
beers.shift();
document.write(beers);
</script>
</body>
</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>
<h2>타이머</h2>
<script>
// setTimeout(할일, 시간);
// 시간이 지나면 할 일 = 함수
// 작업 = function() { 실제로 할 일}
// 3초 3000
// 실제로 할 일 = alert('힘들죠');
// clearTimeout(할 일의 이름);
var timer = setTimeout(function() { alert('힘들죠'); }, 3000);
clearTimeout(timer);
/* 일정시간마다 할 일 */
/*
setInterval(할 일, 시간);
*/
var timer2 = setInterval(function(){alert('힘들죠');}, 3000);
clearInterval(timer2);
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
자바스크립트 실습(여러가지 이벤트) (0) | 2022.10.02 |
---|---|
자바스크립트 실습(선택자, 스타일 변경) (1) | 2022.09.29 |
자바스크립트 실습(함수, 객체, 반복문) (0) | 2022.09.27 |
자바스크립트 실습(변수, 조건문) (1) | 2022.09.26 |
[모던 자바스크립트 Deep Dive] 13장 정리 (0) | 2022.09.23 |