JavaScript 배열 개체
배열이란 무엇입니까?
배열 개체는 별도의 변수 이름을 사용하여 일련의 값을 저장합니다.
데이터 집합(예: 자동차 이름)이 있는 경우 다음과 같은 별도의 변수가 있습니다.
var car1="Saab";
var car2="Volvo";
var car3="BMW";
그런데 특정 차량을 식별하고 싶다면 어떻게 해야 할까요? 그리고 3대가 아니라 300대? 이것은 쉬운 일이 아닐 것입니다!
가장 좋은 방법은 배열을 사용하는 것입니다.
배열은 하나의 변수 이름으로 모든 값을 저장할 수 있으며, 변수 이름으로 모든 값에 액세스할 수 있습니다.
배열의 각 요소에는 고유한 ID가 있으므로 쉽게 액세스할 수 있습니다.
배열 만들기
배열을 만드는 방법에는 세 가지가 있습니다.
다음 코드는 myCars라는 배열 개체를 정의합니다.
1: 기존 방식:
var myCars=new Array()
myCars[0]="Saab";
myCars[1]="Volvo ";
myCars[2]="BMW";
2: 간결한 방법:
var myCars=new Array("Saab","Volvo","BMW");
3: 말 그대로:
var myCars =[" Saab","Volvo","BMW"];
어레이 액세스
어레이 이름과 인덱스 번호를 지정하여 특정 요소에 액세스할 수 있습니다.
다음 예에서는 myCars 배열의 첫 번째 값에 액세스할 수 있습니다.
var name=myCars[0];
다음 예에서는 myCars 배열의 첫 번째 요소를 수정합니다.
myCars[0]="Opel";
[0]은 배열의 첫 번째 요소입니다. [1]은 배열의 두 번째 요소입니다.
배열에는 다양한 개체가 있을 수 있습니다.
모든 JavaScript 변수는 개체입니다. 배열 요소는 객체입니다. 함수는 객체입니다.
따라서 배열에 다양한 변수 유형을 사용할 수 있습니다.
배열에는 객체 요소, 함수, 배열을 포함할 수 있습니다.
myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;
Array 메서드 및 속성
배열 객체의 사전 정의된 속성 및 메서드 사용:
var x=myCars . length // myCars의 요소 수
var y=myCars.indexOf("Volvo") // "Volvo" 값의 인덱스 값
배열 개체의 역할은 별도의 변수 이름을 사용하여 일련의 값.
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html> for...in 문을 사용하여 배열의 요소를 반복합니다.
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html> concat() 메서드를 사용하여 두 배열을 병합하는 방법:
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
</script>
</body>
</html>
sort() 메서드를 사용하여 문자 그대로 정렬하는 방법 배열:
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.sort())
</script>
</body>
</html>
sort() 메서드를 사용하여 배열을 숫자로 정렬하는 방법:
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
</body>
</html>
다음 섹션