Javascript 배열

삼전·2023년 5월 24일

JOIN array concat json new Array()shift splice unshift 배열에 값 추가

Javascript 문법

목록 보기

3/15

🔹배열 생성 방법1. new Array()

🔹배열 생성 방법2. let arr = [ ];

🔹배열.push(값): '가장 마지막 위치'에 추가된다.

🔹배열[배열.length] = 값

🔹배열.shift(): 오른쪽에서 왼쪽으로 한칸씩 이동

🔹배열.unshift(): 왼쪽에서 오른쪽으로 이동

🔹배열1.concat(배열2): 배열1+배열2 연결 값으로 반환,

🔹splice(시작 위치, 개수): 원본의 시작 위치부터 '개수'민큼 잘라서 반환


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script>
	//배열 방법 2가지
	
		var arr = new Array();
		var arr = [];
		
		arr[1] = 100;
		arr[2] = 200;
		arr[3] = 300;
		arr[5] = 500; 
		document.write(arr, );
		console.log(arr[4]) //'undefined'으로 할당되어 있음
		//초기값이 있는 배열 + Java와 다르게 다른형을 써도 무방 
		var arr2 = new Array(111, "AAA", "BBB");
		document.write("<br />" + arr2);
		var arr3 = ['봄', '섬머', '가을', '윈터'];
		document.write("<br />" + arr3);
		
		//배열끝에 값추가하기
		arr3[arr3.length] = 3333;
		arr3.push(4444); //비어있는 인덱스로 값이 들어간다. 
		document.write("<br />" + arr3);
		
		//**배열의 값을 특정문자로 연결하기**
		var joinData = arr3.join("/");
		document.write("<br />joinData" + joinData);
		//배열의 마지막값 지우기
		arr3.pop()
		document.write("<br />arr3=" +arr3);
		
		//shift -> right에서 left쪽으로이동  arr3에서 봄은 사라짐
		arr3.shift();
		document.write("<br />arr3=" +arr3);
		//unshift -> left에서 right쪽으로 이동
		arr3.unshift("Spring");
		document.write("<br />arr3=" +arr3);
		// arr2 + arr3 배열의 연결
		let arrConcat = arr3.concat(arr2); 
		document.write("<br />arr3=" + arrConcat);
		document.write("<br />arrConcat = "+ arrConcat );
		
		//'splice(시작위치, 개수)':배열 자르기 
		var s1 = arrConcat.splice(3, 2)
		document.write("<br />s1=" + s1);
		document.write("<br />arrConcat=" + arrConcat);
		
		//JSON -> Javascript Object notation (자바스크립트 객체 표기법)
		var jsonData = {
			name:"홍길동"	,
			id: "Robotics",
			age: 25,
			email: {
				firstemail: 'aaaaa@nate.com',
				secondmail: 'bbbbbb@daum.net',
			},
			language:['java', 'springframe', 'mybatis'],
	
		}
		document.write("<br/>아이디=", jsonData.id );	// === jsonData['id']같음
		document.write("<br/>이메일=", jsonData.email.secondmail); //=== jsonData['email']['secondemail']
		document.write("<br/>언어=", jsonData.language[1]); //=== `jsonData['language'][1]`
		
		
		
	</script>
</body>
</html>

삼전

풀스택eDot

이전 포스트

alert, prompt, confirm(대화 상자)

다음 포스트

Javascript 배열

Javascript 문법

🔹배열 생성 방법1. new Array()

🔹배열 생성 방법2. let arr = [ ];

🔹배열.push(값): '가장 마지막 위치'에 추가된다.

🔹배열[배열.length] = 값

🔹배열.shift(): 오른쪽에서 왼쪽으로 한칸씩 이동

🔹배열.unshift(): 왼쪽에서 오른쪽으로 이동

🔹배열1.concat(배열2): 배열1+배열2 연결 값으로 반환,

🔹splice(시작 위치, 개수): 원본의 시작 위치부터 '개수'민큼 잘라서 반환

alert, prompt, confirm(대화 상자)

내장 객체, 이벤트

0개의 댓글