array
function arrTest2(){
//indexof() : 배열에서 요소가 위치한 인덱스 리턴
let arr1 = ['사과', '딸기', '바나나', '복숭아', '키위', '포도', '수박'];
console.log("복숭아가 있는 인덱스 : "+ arr1.indexOf("복숭아"));
//concat() : 배열 결합.
arr1 = ['사과', '딸기', '바나나'];
let arr2 = ['복숭아', '키위', '포도', '수박'];
console.log("arr1.concat(arr2): " + arr1.concat(arr2));
console.log("arr2.concat(arr1): " + arr2.concat(arr1));
//join() : 배열을 결합하여 문자열로 반환
arr1 = ['소녀시대','뉴진스', '원더걸스','카라','ses'];
let arr1Join = arr1.join(" ");
console.log(arr1Join + " : arr1Join의 타입 : "+ typeof(arr1Join));
// reverse() : 배열의 순서를 뒤집는다.
arr1 = [1,2,3,4,5,6,7,8,9];
console.log("arr1: "+arr1);
console.log("reverse(): "+ arr1.reverse());
console.log("reverse() 후 arr1: "+ arr1);
//push():배열의 맨 뒤에 추가 , pop():배열의 맨 뒤에 요소 제거
arr1 = ['서초동','방배동]','화양동','대치동','역삼동'];
console.log(arr1);
arr1.push('화성시');
console.log(arr1);// 배열의 맨뒤에 추가됨
arr1.push('남양주시');
console.log(arr1);// 배열의 맨 뒤에 추가
arr1.pop();
console.log(arr1);// 배열 맨 뒤 요소 제거
console.log(arr1.pop());
console.log(arr1); // 제거될 요소 한번 띄우고 요소 제거
//shift():배열의 맨 앞에 요소 제거 , unshift(): 배열의 맨 앞에 요소 추가
console.log(arr1.shift());
console.log(arr1);
arr1.unshift('안양시');
console.log(arr1); // 배열의 맨 앞에 추가
//slice() : 배열의 요소 선택 잘라내기 , splice():배열의 index위치의 요소 제거 및 추가
arr1 = ['자바','디비','html','css','js'];
console.log("우리가 배운내용 : "+arr1);
//slice(시작 인덱스 , 종료 인덱스)
console.log(arr1.slice(2,4));//index 2-3까지(2시작 4이전까지) 잘라옴
console.log("원본: "+arr1); // 슬라이스는 잘라내서 결과값을보여줄뿐 내용에 영향을 주진않는다.
//splice(index,제거수,추가값)
console.log(arr1.splice(2,2 ,'jsp')); //인덱스 2포함해서 2개 제거후 , 'jsp'를 추가한 결과값 출력
console.log("splice 후 원본: "+arr1); // 슬라이스와는 다르게 원본에 영향을 끼친다.
}push : 배열의 맨뒤에 추가
pop : 배열의 맨뒤 요소 제거
shift : 배열의 맨앞요소 제거
unshifh : 배열의 맨 앞에 요소 추가
slice (시작인덱스 , 종료인덱스) : 잘라오기 원본배열에 영향 x
splice (inex,제거할 개수,추가값): 인덱스번호부터 n 개 제거 후 값 추가
popup
<!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>popup</title>
<script type="text/javascript">
function popUp(){
//window.open(url,target,sepcs);
//url : 보여질 주소
//target : 새창의 속성 , _blank(새 창),_self(현재 창)
//sepse : 창의 속성
window.open("js13_popup02.html","_blank",
"width=200px,heigth=200px");
}
</script>
</head>
<body>
<button onclick="popUp();">팝업</button>
</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>
<h1>안녕하세용</h1>
</body>
</html>-> 띄워줄 창
출력
'JS' 카테고리의 다른 글
| 카카오톡 공유하기 기능 만들기 (0) | 2025.01.07 |
|---|---|
| [JavaScript]date/math/String/array (1) | 2024.07.16 |
| [JS]rolling / dom / Object / numberObject / transObject (3) | 2024.07.03 |
| [JavaScript]스크립트언어란? (0) | 2024.07.01 |
| [JS] 자주 쓰는 함수 모음 (0) | 2024.05.10 |