JavaScript はシフト解除を理解し、コードをプッシュしてヘッドの最後に要素を追加します

     以下は、シフト解除とプッシュを理解して先頭と末尾に要素を追加するための JavaScript のプログラム コードと実行中のスクリーンショットです。

目次

序文

1. Unshift により頭に要素が追加されます

1.1 運用プロセスと考え方

1.2 コードスニペット

1.3 JavaScript ステートメントのコード

1.4 スクリーンショットの実行

2、プッシュは最後に要素を追加します

2.1 運用プロセスと考え方

2.2 コードスニペット

2.3 JavaScript ステートメントのコード

2.4 スクリーンショットの実行


序文

1. 選択できる場合は、ディレクトリ内をすばやく検索できます。

2. このブログ投稿のコードは、トピックの要件に従って関連する機能を実現できます。同時に、カスタム設定も実現できます。

3. この記事では JavaScript コードの演習を紹介します。このブログ記事で使用しているソフトウェアは HBuilder X3.7.9 で書かれたコードです。DW、VSCode、または DW 下位または上位バージョンなどの他のソフトウェアは原則として互換性があります。 、ソフトウェアが必要で、書かれたソフトウェアが HBX でない場合は、正常に実行できます。

7e9d2dc6d8324836a1de02f0375525f4.png

図1 書き込みソフトの例(一部)

4. ここで特別な説明をします。私は HBX を使用しているため、Web 形式になっています。<script> ステートメントも個別に貼り付けました。必要に応じて、<script></script> ステートメントを直接コピーできます。

5. このブログ記事のコードは私が学生時代に書いたものです。完全に実装されていない箇所もあります。ご容赦ください。またアドバイスをお願いします。問題が見つかった場合は、フィードバックしてください。間違いを修正し、要約して改善できることを確認します。継続的な改善! 

6. ブログ投稿は通常、ブラウザで実行する必要があります。通常はフォームがポップアップし、値を入力して結果を取得します。この記事では Google Chrome を使用しています。Google Chrome の使用を推奨します。

7. 侵害が含まれる場合は、削除するためにご連絡ください。


提示:以下是本篇文章正文内容,下面案例可供参考

1. Unshift により頭に要素が追加されます

1.1 運用プロセスと考え方

以下は、シフト解除の先頭に要素を追加するコードです。具体的な思考プロセスは以下の通りです。

1.2 コードスニペット

コードは次のとおりです(例)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var arr=new Array(5,20,10,8,32,28);
			document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");
			document.write("unshift 前 arr 数组元素有:");
			for(var i=0;i<arr.length;i++)
			{
				document.write(arr[i]+" ");
			}
			 arr.unshift("hello","world");
			 document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");
			 document.write("unshift 后 arr 数组元素有;");
			 for(var i=0;i<arr.length;i++)
			 {
			 	document.write(arr[i]+" ");
			 }
		</script>
	</head>
	<body>
	</body>
</html>

1.3 JavaScript ステートメントのコード

コードは次のとおりです(例)。

<script>
			var arr=new Array(5,20,10,8,32,28);
			document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");
			document.write("unshift 前 arr 数组元素有:");
			for(var i=0;i<arr.length;i++)
			{
				document.write(arr[i]+" ");
			}
			 arr.unshift("hello","world");
			 document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");
			 document.write("unshift 后 arr 数组元素有;");
			 for(var i=0;i<arr.length;i++)
			 {
			 	document.write(arr[i]+" ");
			 }
		</script>

1.4 スクリーンショットの実行

実行結果は以下のとおりです(例)。

1.4.1 ブラウザのポップアップフォームの表示結果

 

2bdb6a59af43409d95fda560d24a78bf.png

2、プッシュは最後に要素を追加します

2.1 運用プロセスと考え方

これはプッシュの最後に要素を追加するコードです。具体的な思考プロセスは以下の通りです。

2.2 コードスニペット

コードは次のとおりです(例)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var arr=new Array(5,20,10,8,32,28);
			document.write("push 前 arr 数组长度为"+arr.length+"<br>");
			document.write("push 前 arr 数组元素有:");
			for(var i=0;i<arr.length;i++)
			{
				document.write(arr[i]+" ");
			}
			 arr.push("hello","world");
			 document.write("<br>push后arr数组长度为"+arr.length+"<br>");
			 document.write("push 后 arr 数组元素有;");
			 for(var i=0;i<arr.length;i++)
			 {
			 	document.write(arr[i]+" ");
			 }
		</script>
	</head>
	<body>
	</body>
</html>

2.3 JavaScript ステートメントのコード

コードは次のとおりです(例)。

<script>
			var arr=new Array(5,20,10,8,32,28);
			document.write("push 前 arr 数组长度为"+arr.length+"<br>");
			document.write("push 前 arr 数组元素有:");
			for(var i=0;i<arr.length;i++)
			{
				document.write(arr[i]+" ");
			}
			 arr.push("hello","world");
			 document.write("<br>push后arr数组长度为"+arr.length+"<br>");
			 document.write("push 后 arr 数组元素有;");
			 for(var i=0;i<arr.length;i++)
			 {
			 	document.write(arr[i]+" ");
			 }
		</script>

2.4 スクリーンショットの実行

実行結果は以下のとおりです(例)。

2.4.1 ブラウザのポップアップフォームの表示結果

c340cb9e22b54b9d8ed1fdf2ff62ddd3.png

 

おすすめ

転載: blog.csdn.net/weixin_59042297/article/details/130913977