ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript シミュレーションの Push_javascript トリック

JavaScript シミュレーションの Push_javascript トリック

WBOY
リリース: 2016-05-16 15:12:02
オリジナル
1242 人が閲覧しました

タスク: まず、変数 var arr = [0,1,2,3,4,5]; を定義して、この配列の 5 の後に何かを追加するプッシュ メソッドをシミュレートしたいと思います。私たちは何をすべきでしょうか? 5 分ほど考えてください。考える前に下を向かないでください。

分析: この配列の末尾に何かを追加したいのですが、重要なのは要素の最後の位置をどのように見つけるかです。最初に最後の位置を考慮するのではなく、通常、配列の内容にアクセスする方法を考えてみましょう。この配列より大きいインデックスにアクセスすると、それは未定義になります。この配列のインデックスに 1 を追加し続けると、それが探している位置になります。この方法は問題ありませんが、 length 属性を使用するより良い方法は、length 属性でこの配列の長さを取得でき、この長さがこの配列のインデックス 1 であり、このインデックスにコンテンツを追加するだけです。

コード:

var arr = [0,1,2,3,4,5];
arr.length 获取这个数组的最后位置
ログイン後にコピー

タスク: 配列の最後の位置を取得したので、そこにコンテンツを追加することができます。誰に、どのように追加するか。

分析: 配列にコンテンツを追加する方法を考えてみましょう。得られた長さが追加したい位置になります。

合成:

var arr = [0,1,2,3,4,5];
function Push(value){
arr[arr.length] = value;
}
Push(6);
console.log(arr); //[0, 1, 2, 3, 4, 5, 6]
ログイン後にコピー

タスク: コンテンツを追加できるようになりましたが、一度に追加できるのは 1 つだけです。

分析: 突然、古い友人がいなくなって寂しいです。この古い友人は、いくつかの繰り返しの作業を手伝ってくれるので、すぐに手伝ってもらいましょう。

コード:

分析: これをどのように書けばよいでしょうか?私はどのくらい小さいですか?足した数だけあるのでしょうか?では、何ビット追加する必要があるのでしょうか?私たちは本当に知らないようですが、古い友人は、彼が引数であり、渡すパラメーターを取得できること、そしてそれが擬似配列であることを知っています。つまり、配列のように長さ属性も使用できることを意味します渡すパラメータを取得します。実際のパラメータの長さ。

コード:

for(var i=0;i<arguments.length;i++){}
ログイン後にコピー

分析: ここで問題は、どのコンテンツをどこに追加するかということです。タスクに戻りますが、渡したコンテンツを配列の最後の位置に追加するにはどうすればよいでしょうか?引数はその内容を取得できると言ったようです。

コード:

var arr = [0,1,2,3,4,5];
function Push{
for(var i=0;i<arguments.length;i++){
arr[arr.length] = arguments[i];
}
}
Push(6,7,8);
ログイン後にコピー

完了。

課外活動の拡張: 基礎知識を備えた友達
タスクは完了しましたが、問題は、このコードが配列 arr のみに対応できることです。この関数をすべての配列に提供したい場合は、このメソッドを Array のプロトタイプに追加する必要があります。

var arr = [0,1,2,3,4,5];

Array.prototype.Push = function{
for(var i=0;i<arguments.length;i++){
this[this.length] = arguments[i];
}
}
arr.Push(1,2,3)
ログイン後にコピー

内部の arr を this に変更します。これは、これを呼び出す人を意味します。これについて詳しく知りたい場合は、この記事を読んで、js での this の意味を完全に理解することができます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート