JavaScript での Array オブジェクトの使用例のまとめ

高洛峰
リリース: 2016-12-03 15:20:35
オリジナル
1395 人が閲覧しました

この記事の例では、JavaScript での Array オブジェクトの使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです。

Array 配列オブジェクトには、一般的に使用される多くのメソッドと属性があり、それらは次のように要約されます。

1. length 属性は、配列内の要素の数を取得します。

2. concat() メソッドは 2 つの配列を接続します。 2 つの配列を連結します。例は次のとおりです。

var names= new Array('Jack','Tom','Jim');
var ages= new Array(12,32,44);
var concatArray;
concatArray=names.concat(ages);
ログイン後にコピー

ここでの concatArray は、name 配列と age 配列を組み合わせた新しい配列です。

3. slide() メソッドは、配列内のいくつかの配列要素を取得します。

一般に 2 つのパラメータがあり、1 つ目は開始位置を表し、2 つ目は終了位置を表します (部分文字列と同様)。インターセプトされた配列要素が 2 番目のパラメーターの位置より前にあることに注意してください。つまり、2 番目のパラメーターが 4 の場合、4 番目の配列要素の前でインターセプトすることを意味します。

4. join() メソッドは配列を文字列に変換します。このメソッドは JavaScript メソッドであり、jQuery でよく使用されます。例は次のとおりです。

var myShopping=new Array("eggs","apple","milk");
var myShoppingList = myShopping.join("<br>");
document.write(myShoppingList);
ログイン後にコピー

ここでの myShoppingList は文字列になり、内容は "eggs
apple
milk";

5. sort() メソッドは配列内の要素を並べ替えます。それらは、小さいものから大きいものまで、アルファベット順に並べられています。

6. reverse() メソッドは、配列内の要素を反転して向きを変えます。

sort() メソッドと reverse() メソッドを組み合わせると、逆順に並べ替える効果を得ることができます。

つまり、最初に並べ替えてから裏返すと、逆順序の効果が得られます。

以下は包括的な小さな例です:

<script type=&#39;text/javascript&#39;>
  var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");
  var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));
  switch(ord)
  {
    case 1:
    myShopping.sort();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    case -1:
    myShopping.sort();
    myShopping.reverse();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    default:
    document.write("That not a valid input.");
    break;
  }
</script>
ログイン後にコピー

この小さな例は、配列オブジェクトでソートメソッド、反転メソッド、結合メソッドを使用する小さな例です。入力が1の場合はその順にソートして出力します。-1の場合は逆順にソートして出力します。


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