JavaScript / JSで配列を作成、追加、削除、およびトラバースする方法は???

1.配列の定義:

配列(配列)は、要素の順序付けられたシーケンスです。[1]  同じタイプの限定された変数のセット名前付けられている場合、この名前は配列名です。配列を構成する変数は、配列のコンポーネントと呼ばれ、配列の要素とも呼ばれ、添え字変数とも呼ばれます配列の要素を区別するために使用される番号は、添え字と呼ばれます。取り扱いを容易にするために、1つの形式プログラミングする際の配列。同じタイプの複数の要素が整然と編成されています。[1]これらの類似したデータ要素の順序付けられたコレクションは、配列と呼ばれます。

 注:アレイは使用前に定義する必要があります!

ここで修正してください。この配列の定義は、Baiduの説明から引用されています。実際、JavaScriptのデータ型は弱く型付けされているため、varを使用して配列を定義すると、配列要素が異なる場合があります。以下のデモを参照してください。

	<script type="text/javascript">
		var arr2 = ["毛笔","墨水","宣纸","砚台",1,2,3];
		for (key in arr2){
			document.write("&nbsp"+arr2[key]);
			document.write('&nbsp&nbsp');
		}
	</script>

デモンストレーション効果:筆、インク、米紙、インクストーン1 2 3   

配列作成の3つの方法:

		<script type="text/javascript">
			//1.new 一个数组对象 ,括号写数字可以指定数组的容量
			var arr1 = new Array();
			//2.直接给数组赋初始值
			var arr2 = new Array("小红","小粉","小紫");
			//3.直接用 [] 声明赋予初始值
			var arr3 = ["红红","粉粉","紫紫"];
		</script>

 ブラウザを右クリックして確認し、[コンソール]をクリックして、赤いボックスの内容を順番に入力して、定義した配列を表示します。最初の配列は空の配列です。Array(2)と書くと、[空×2]と表示されます。 

2.アレイ操作

①配列内の要素を追加および削除します

配列に要素を追加するには、次の2つの方法があります。1。配列の添え字を使用して直接割り当てる2.pushメソッドを使用して配列を追加する

3.シフト解除方法、ヘッドから要素を挿入します。次の削除(シフト)方法と同じように、見下ろします

4.スプライス方法:スプライス(インデックス位置、番号の削除、要素1の挿入、..要素nの挿入)

配列の添え字は0から始まるため、0は最初の要素を意味します。次の図は、空の配列に要素を追加する方法を示しています。通常の配列も同じ方法で追加されます。

		<script type="text/javascript">
			//1.下标法
			var arr1 = new Array();
			arr1[0]="第一个元素";
			arr1[1]="第二个元素";
			//2.push 方法
			var arr2 = new Array();
			arr2.push("第一个");
			arr2.push("第二个");
			arr2.push("第三个");
		</script>

デモンストレーション効果:

②アレイのトラバース 

1.forループを使用して配列をトラバースします

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
		for (var i=0;i<arr1.length;i++){
			document.write(arr1[i]);
			document.write('&nbsp&nbsp');
		}
	</script>

デモンストレーションの結果:小さな白いウサギ、大きな悪いオオカミ、小さな羊、シカ鹿   

2. for inを使用して、配列をループします

	<script type="text/javascript">
		var arr2 = ["毛笔","墨水","宣纸","砚台"];
		for (key in arr2){
			document.write(key+"&nbsp"+arr2[key]);
			document.write('&nbsp&nbsp');
		}
	</script>

デモンストレーション結果:0ブラシ1インク2ライスペーパー3インクストーン  

ここでの番号は、インデックス値とも呼ばれる配列の添え字です。

コメント領域からの貢献:配列をトラバースするためにinを使用することはお勧めしません。重大なバグまたは不明なエラーが発生する可能性があります。Baiduで確認できます。

③配列内の要素を削除する

1.popメソッド:最後の要素を削除します。

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
		var last1 = arr1.pop();
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

デモンストレーション効果:最初の行は配列arr1であり、2番目の行のsikaは削除された要素です。

2. Shiftメソッド:最初の要素を削除します。

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
		var last1 = arr1.shift();
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

デモンストレーション効果:最初の行は配列arr1で、2番目の行の小さな白いウサギは削除された要素です。

3.スプライス方法:指定された位置、スプライス(インデックス位置、削除回数)で指定された要素を削除します

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
		var last1 = arr1.splice(1,2); //从索引 1 的位置上删除两个元素
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

デモンストレーション効果:最初の行は配列arr1、2番目の行は大きな悪いオオカミ、小さな羊は削除された要素です。

④アレイを組み合わせる

concatは、array、format:arrayをマージします。concat(配列1、配列2、...配列n)

	<script type="text/javascript">
		var arr1 = [1,2,3];
		var arr2 = [4,5,6];
		var arr = arr1.concat(arr2);
		document.write(arr);
	</script>

デモンストレーション結果:1、2、3、4、5、6

⑤配列を文字列に変換

joinメソッド:配列内の要素を、指定された区切り文字で区切られた文字列に結合します。形式:array.join(セパレーター)

	<script type="text/javascript">
		var arr1 = ["毛笔","墨水","宣纸","砚台"];
		var arr = arr1.join("——");
		document.write(arr);
	</script>

デモンストレーション効果:ブラシインク-米紙-インクストーン 

⑥配列要素の逆順

逆の方法:新しい配列を作成せずに、元の配列の順序を逆にします。

	<script type="text/javascript">
		var arr1 = ["毛笔","墨水","宣纸","砚台"];
		arr1.reverse();
		document.write(arr1);
	</script>

デモンストレーション効果:インクストーン、ライスペーパー、インク、ブラシ

✓配列要素を並べ替える

並べ替え方法:並べ替えを実現できます。デフォルトでは、ASSCIIコードで自動的に並べ替えられます。

	<script type="text/javascript">
		var arr1 = new Array();
		arr1[0] = "red";
		arr1[1] = "pink";
		arr1[2] = "orange";
		arr1[3] = "blue";
		arr1[4] = "white";
		arr1[5] = "green";
		document.write("排序前:"+arr1+"<br/>");
		document.write("排序后:"+arr1.sort());
	</script>

デモンストレーション効果:

3.2次元配列または多次元配列

もう書きたくありません。実際にはネストされた関係です。疲れているので、今日ここにいます。バイドゥに行って確認してください。


許可なく再配布しないでください!おやすみなさい、早く寝なさい〜

おすすめ

転載: blog.csdn.net/qq_44761243/article/details/109027639