JavaScript 배열 객체

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>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">单击按钮创建一个数组,调用ucase（）方法, 并显示结果。</p> <button onclick="myFunction()">点我</button> <script> Array.prototype.myUcase=function(){ for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } } function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.myUcase(); var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> </body> </html>

제출하다 코드 재설정

자동운전