序文
配列はJavaScriptの重要な部分です。文字列、オブジェクト、関数、および数字を保存するために使用できます。それは非常に強力です。したがって、アレイを深く理解することは、強制的なフロントエンドの宿題です。金曜日であり、ブロガーの心は再び急増し始めています。明日は週末はありますか?もう一度楽しむことができます。
配列を作成します
配列を作成する2つの基本的な方法があります。1つは文字通り、もう1つはコンストラクターを使用して作成されます。
var arr = [1,2,3]; //リテラルの形で配列値を作成し、英語のコンマで分離されます
var arr = [1,2,3]; //リテラルの形で配列値を作成し、英語のコンマで区切られますvar arr1 = new Array(1,2,3); // constructorは、新しいオペレーターを介して配列オブジェクトを作成する配列を作成します//さらに、ほとんどの場合、これを行うことはお勧めしませんが、新しいオペレーターを省略することもできます。 var arr1 = array(1,2,3);新しいオペレーターを省略して、配列オブジェクトを作成します。この構文はPHPに非常に似ていますが、そのキーはJavaScriptで指定することはできません。
配列のインデックス:キー価値ペア
リテラルを例にとると、各配列アイテムには対応するキーがあり、[subscript]および[index]とも呼ばれます。 JavaScriptのデフォルトキーは0から始まり、配列アイテムの位置に応じてキー名を決定します。配列アイテムの値は、キー名から照会されます。一般的な構文は配列です[i]:
var sarr = ["hello"、 "java"、 "script"]; //対応するキー名は0、1、2 console.log(sarr [0]); //こんにちは
ArrayをFirefoxコンソールに印刷すると、コンソールで対応する関係がはっきりとわかります。
コンソールの右側では、キーと値の論理的な関係が非常に直感的な方法でリストされています。 0はhelloに対応し、1はJavaに対応し、2はスクリプトに対応します。より一般的には、JavaScriptアレイカウントは0 [0-1-2] == [1-2-3]から始まります。1つ目はこんにちは、2つ目はJava、3つ目はスクリプトです。
各配列には長さがあり、値は0であり、Array.lengthメソッドを介して取得されます。上の図の長さは3で、コンソールの右側にはっきりと見ることができます。さらに、小さなトリックが導入されています。 Firefoxコンソールコンソールコンソールにリストされている属性リストのほとんどは、直接アクセス可能です。 [array.length] numberを介してアクセスするか、キーの形式を介して[array ['length']]にアクセスできます。
配列の長さのプロパティは非常に特徴的です------読み取り専用ではありません。したがって、このプロパティを設定することにより、アレイの端からアイテムを削除したり、アレイに新しいアイテムを追加したりできます。
var colors = ['red'、 'blue'、 'green']; // 3文字列色の配列を作成します。
Shangliは、アレイの最後のアイテム「グリーン」を削除し、追加することもできます。
var colors = ['red'、 'blue'、 'green']; // 3文字列色の配列[colors.length] = 'black'; //色の初期の長さは3です。このコードは色[3] = 'black'に相当します。アラート(colors [3]); //黒
ヒント1:
ですから、問題は、私の友人がノック中に特定の属性名を突然忘れることがあることです。どうすればいいですか?
Firefoxコンソールに印刷し、そのプロパティを見て、場所オブジェクトをconsole.log(場所)の例として使用します。
console.log(場所);
これを取得した後、特定の価値を取得する方がはるかに簡単ですか?たとえば、現在のURLアドレス[location.href]を取得した場合、ドメイン名[location.hostname]などを取得する場合、またはWindowsでメソッドを取得したい場合は、これは同じで、非常に便利です。
配列スタック
配列スタックとは何ですか?つまり、アレイはスタック(ナンセンス)として表現できることを意味します。
コードの理解は、スタックがアイテムの挿入と削除を制限できるデータ構造であるということです。スタックはLIFO(最後のファーストアウト、ファーストアウト)です。つまり、最新の追加アイテムが最初に削除され、最も早い追加アイテムがスタックの下部にあります。写真を参照してください:
ビルディングブロックと同様に、以下のビルディングブロックは常に最後に取得できます。新しい場所に配置すると、[スタック]が形成されます。
配列スタックでそれを取り出して[ポップ]と呼んで、それを入れて[プッシュ]と呼びます
JavaScriptアレイには2つの方法があります[pop()] [プッシュはpush()]
var sarr = ["hello"、 "java"、 "script"]; sarr.push( "black"); // blackconsole.log(sarr [3])// blackconsole.log(sarr.pop())// black // pop black console.log(sarr [3]);
列
スタックデータのアクセスルールはLIFO(最初は、次に外出)であり、キューデータ構造のアクセスルールはFIF0(最初は、最初に)です。キューは、アレイをループし、配列で継続的に動作するためによく使用されます。キューメソッドを使用して、Shift()を使用して、アレイ、つまり0のサブスクリプトを持つアイテムから高度なアイテムをポップアップします。
var sarr = ["hello"、 "java"、 "script"]; console.log(sarr.shift()); //こんにちは//シフトはPOPメソッドに似ています。配列の端からポップアップし、シフトは配列コンソールの先頭からのものです。log(sarr [0]); // Java Helloがポップアップされました
シフト方法を使用してキューを形成します。
var sarr = ["hello"、 "java"、 "script"]; var alf = sarr.shift(); //最初のアイテムsarr.push(alf); // console.log(sarr)への挿入; // // ['Java'、 'Script'、 'Hello']
Timer SetIntervalを介して、各配列アイテムを継続的にループできます。以前のブログ投稿が説明されています。 「ポータルのSettimeOutおよびSetIntervalタイマーと非同期ループアレイ。
setInterval(function(){console.log(sarr [0]); //最初の項目var alf = sarr.shift(); //最初のアイテムsarr.push(alf); //配列の最後に挿入}、1000);ShangliはHello Javaスクリプトを印刷し続けます
アレイは、あらゆるタイプの値を保存できることを知っています。そのため、配列のループで実行する必要がある関数を配置し、キューメソッドを使用して継続的に実行し、キュー内のメソッドをループすることができます。
function hello(){console.log( "hello");} function java(){console.log( "java");} function script(){console.log( "script");} var sarr = [hello、java、script]; setinterval(function(){var alf = ssr.shift(); sarr.push(alf); alf(); // execute method}、1000);また、hello javaスクリプトループを印刷することもできますが、より強力です
配列の一般的な方法の概要
1。ソート
JavaScriptアレイには、逆()とsort()の並べ替えに直接使用できる2つのメソッドがすでにあります。
Reverse()アレイフラッシュバックを再配置します。
var sarr = [1,2,3,4,5,6]; console.log(sarr.Reverse()); // 6,5,4,3,2,1
より強力な方法もありますsort()
デフォルトのsort()は、配列を昇順で再配置します。種類は各アイテムのtoString()メソッドを呼び出すため、実際の種類のサイズは文字列に基づいています。
var sarr = [6,2,2,4,5,6]; console.log(sarr.sort()); // 2,2,4,5,6,6昇順VAR SARR = [6,2,2,11,4,5,6]; console.log(sarr.sort()); // 11,2,2,4,5,6,6
ソートの実際の比較サイズは文字列です。文字列の比較方法は、一般に文字の最初の文字を比較することです。
ソートは、パラメーターとして関数を渡すこともできます。これにより、配列のソートメソッドを再定義できます。
関数の比較(val1、val2){// sortは2つのパラメーター値1と値2if(val1 <val2){//値1が値2が小さい場合-1が1位に戻る値1を1位に戻すことを意味します-1; } else if(val1> val2){return 1;} else {return 0;}} var sarr = [6,2,2,11,4,5,6]; console.log(sarr.sort(compare)); // [2、2、4、5、6、6、11]関数で比較し、最終結果は正常です[val1 <val2]が-1よりも1個多い場合、フラッシュでアレンジできます。また、その並べ替え方法を自分で指定することもできます。
2。オペランドアレイ
Array配列をコピーして保存(クローン)concat()メソッドは、現在の配列内のすべてのアイテムに基づいて新しい配列を作成できます。パラメーターを渡すと、配列の最後にパラメーターが追加されます。
var sarr = ["hello"、 "java"、 "script"]; var farr = sarr.concat( "!"); console.log(farr); // ["hello"、 "java"、 "script"、 "!" ]
slice()現在の配列内の1つ以上のアイテムに基づいて新しい配列を作成できます。 1つまたは2つのパラメーター、つまり、コピーするアイテムの開始位置と終了位置を受け入れることができます。配列の最後にデフォルトのエンド位置を持つパラメーターのみがあるため、配列をクローンすることもできます。
var sarr = ["hello"、 "java"、 "script"]; var farr = sarr.slice(0); console.log(farr); // ["hello"、 "java"、 "script"] var farr = sarr.slice(0,1)console.log(farr); //
要約します
配列はJavaScriptの非常に重要な部分です。よく学ぶことで、職場でコードを簡素化できます。多くの場合、それらを配列に入れて、配列メソッドを介して一連の操作を実行しようとすることができます。ブログ投稿の長さは限られていますが、学習に制限はありません。誰もが幸せに学び、あなたのフロントエンド開発をより速く習得できることを願っています!
上記は、編集者によって紹介されたJavaScriptの一般的な配列の方法の分析です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!