JavaScriptオブジェクト(二)のArayオブジェクト

5625 ワード

3.JavaScript Arayオブジェクト
(1)Arayオブジェクトを作成し、Arayを巡回する方法:

<html>
<head>
<script type="text/javascript">
	//             
	var myBooks = new Array();
	myBooks[0]="    ";
	myBooks[1]="    ";
	myBooks[2]="      ";
	//             
	var languages = new Array(2);
	languages[0]="English";
	languages[1]="chinese";
	//     
	var cities = new Array("  ","  ","  "+"<br/>");

	//       
	document.write(cities); 
	
	for(i=0;i<myBooks.length;i++)
	{
		document.write(myBooks[i] + "<br />")
	}

	for(var x in myBooks)
	{
		document.write(myBooks[x] + "<br />")
	}
</script>
</head>
</html>

(2)Arayオブジェクトの属性
length:配列内の要素の数を設定または返します.
(3)Arayオブジェクトの方法
1)concat()方法は、2つ以上の配列を接続するために用いられ、この方法は、既存の配列を変更することなく、接続された配列の1つのコピーを返すだけである.

<html>
<head>
<script type="text/javascript">
	var arr = new Array("Lily","Lucy","Liv");
	var arr1 = new Array("Tom","Tim","Terisa");
	var arr2 = new Array("Jim","Jerry","Jhon");
	document.write(arr.concat(arr1)+"<br/>");
	document.write(arr.concat(arr1,arr2))
</script>
</head>
</html>

2)arrayObject.join方法は、配列内のすべての要素を一つの文字列に入れるために使用される.要素はセパレータで区切られます.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr.join()+"<br/>");
	document.write(arr.join("."));
</script>
</head>
</html>

3)arrayObject.sort方法は配列要素を並べ替えるために使用され、デフォルトではアルファベット順に並べ替えられます.sortbyはオプションであり、順序を規定する関数でなければなりません.

<html>
<head>
<script type="text/javascript">
	function sortNumber(a,b)
	{
		return a - b;
	}
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr.sort()+"<br/>");
	var arrNum = new Array("5","10","99","6","12","1");
	document.write(arrNum+"<br/>");
	document.write(arrNum.sort()+"<br/>")
	document.write(arrNum.sort(sortNumber));
</script>
</head>
</html>

4)arrayObject.pop()方法は、配列の最後の要素を削除して戻すために使用される.配列が空の場合は、pop()は配列を変更せず、undefine値を返します.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	document.write(arr.pop()+"<br/>");
	document.write(arr);
</script>
</head>
</html>

5)arrayObject.push(newelments...)方法は、配列の端に1つ以上の要素を追加し、新しい長さを返すことができる.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	document.write(arr.push("Kerth")+"<br/>");
	document.write(arr);
</script>
</head>
</html>

6)arrayObject.reverse()方法は、配列内の要素の順序を逆さまにするために使用される.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	document.write(arr.reverse()+"<br/>");
</script>
</head>
</html>

7)arrayObject.shift()方法は、配列の最初の要素を削除し、最初の要素の値を返すために使用される.
arrayObject.unshift(newelement 2...)方法は、配列の先頭に1つ以上の要素を追加し、新しい長さを返します.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	document.write(arr.shift()+"<br/>");
	document.write(arr+"<br/>");
	document.write(arr.unshift("  ","  ")+"<br/>");
	document.write(arr+"<br/>");
</script>
</head>
</html>

8)arrayObject.splice(index,howmany,elements)方法は、配列の要素を挿入、削除、または置換するために使用されます.
index:どのぐらいの要素を削除するべきかを規定しています.要素を削除または追加するための数字を入力してください.
howmany:どのぐらいの要素を削除するべきかを規定しています.数字を入力して、indexから元の配列の最後までのすべての要素を削除します.
elements:オプションで、要素を追加または削除します.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	arr.splice(2,0,"willian");
	document.write(arr+"<br/>");
	arr.splice(1,1,"willian");
	document.write(arr+"<br/>");
</script>
</head>
</html>

9)arrayOject.slice方法は、選択された要素を既存の配列から返すことができる.

<html>
<head>
<script type="text/javascript">
	var arr = new Array();
	arr[0]="Tom";
	arr[1]="Tim";
	arr[2]="Terisa";
	document.write(arr+"<br/>");
	document.write(arr.slice(2,1)+"<br/>");
	document.write(arr.slice(1,2)+"<br/>");
</script>
</head>
</html>

JSフォーマット金額