JavaScript 배열 메서드: 예제로 만들기

배열이란 무엇입니까?

배열은 데이터를 저장할 수 있는 객체입니다. 항목 모음. 배열은 동일한 유형의 많은 양의 데이터를 저장해야 할 때 매우 유용합니다. de를 저장하고 싶다고 가정하십시오.tails 500명의 직원 중. 변수를 사용하는 경우 500개의 변수를 만들어야 하지만 단일 배열로도 동일한 작업을 수행할 수 있습니다. 배열의 항목을 참조하여 배열의 항목에 액세스할 수 있습니다. 색인 번호 배열의 첫 번째 요소의 인덱스는 XNUMX입니다.

JavaScript 배열 생성

에서 배열을 만들 수 있습니다. 자바 스크립트 아래와 같이.

var students = ["John", "Ann", "Kevin"];

여기서는 "John", "Ann" 및 "Kevin" 값으로 배열이 생성될 때 배열을 초기화합니다. “John”, “Ann”, “Kevin”의 인덱스는 각각 0, 1, 2입니다. 학생 배열에 더 많은 요소를 추가하려면 다음과 같이 할 수 있습니다.

students[3] = "Emma";
students[4] = "Rose";

다음과 같이 Array 생성자를 사용하여 배열을 만들 수도 있습니다.

var students = new Array("John", "Ann", "Kevin");

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

자바스크립트 배열 메소드

Array 객체에는 개발자가 배열을 쉽고 효율적으로 처리하는 데 도움이 되는 많은 속성과 메서드가 있습니다. arrayname.property를 지정하여 속성 값을 가져올 수 있고 arrayname.method()를 지정하여 메서드의 출력을 가져올 수 있습니다.

  1. 길이 속성 –> 배열의 요소 수를 알고 싶다면 length 속성을 사용할 수 있습니다.
  2. 프로토타입 속성 –> 새로운 속성과 메소드를 추가하려면 프로토타입 속성을 사용하면 됩니다.
  3. 역 방법 –> reverse 메소드를 사용하여 배열의 항목 순서를 반대로 바꿀 수 있습니다.
  4. 정렬 방법 –> sort 메소드를 사용하여 배열의 항목을 정렬할 수 있습니다.
  5. 팝 방식 –> 팝 메소드를 사용하여 배열의 마지막 항목을 제거할 수 있습니다.
  6. 교대 방법 –> Shift 메소드를 사용하여 배열의 첫 번째 항목을 제거할 수 있습니다.
  7. 푸시 방법 –> 배열의 마지막 항목으로 값을 추가할 수 있습니다.

직접 시도해 보세요.

<html>
<head>
	<title>Arrays!!!</title>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		Array.prototype.displayItems=function(){
			for (i=0;i<this.length;i++){
				document.write(this[i] + "<br />");
			}
		}	
		document.write("students array<br />");
		students.displayItems();
		document.write("<br />The number of items in students array is " + students.length + "<br />");
		document.write("<br />The SORTED students array<br />");
		students.sort();
		students.displayItems();
		document.write("<br />The REVERSED students array<br />");
		students.reverse();
		students.displayItems();
		document.write("<br />THE students array after REMOVING the LAST item<br />");
		students.pop();
		students.displayItems();
        document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
		students.displayItems();
	</script>
</head>
<body>
</body>
</html>