ホームページ ウェブフロントエンド jsチュートリアル JavaScript の Array のプロパティとメソッド。

JavaScript の Array のプロパティとメソッド。

Nov 26, 2016 pm 01:45 PM
javascript

配列を定義するには 4 つの方法があります

コンストラクターを使用します:
var a = new Array();
var b = new Array(8);
var c = new Array("first", "second", "third ");
または配列リテラル:
var d = ["first", "second", "third"];

属性

配列には長さという属性が 1 つだけあり、長さは配列が占有するメモリ空間を表します。配列内の要素の数だけではなく、array.number です。定義したばかりの配列では、b.length の値は 8 です

<script><br>var a = new Array("first", "second", " third ")<br>a[48] = "12"<br>document.write(a.length)<br>//表示される結果は 49 です<br></script>
配列の長さ属性は書き込み可能であり、これは非常に興味深いです属性、このメソッドを使用して配列をインターセプトできます

<script><br>var a = new Array("first", "second", "third")<br>delete a[1]<br>document.write(a.length )<br>//表示された結果は 3 で、配列を削除しても長さを変更できないことを示します<br>var a = new Array("first", "second", "third")<br>a.length = 1<br>document .write(a .length)<br>//表示された結果は 1 で、要素が 1 つだけ残っていることを示します<br></script>
メソッド

これには、IE および FF と互換性のない一部のメソッドは含まれません:
toString (): 配列を変換する 文字列に変換する
toLocaleString(): 配列を文字列に変換する
join(): 配列をシンボリックに接続された文字列に変換する
shift(): 配列の先頭から要素を削除する
unshift () : 配列の先頭に要素を挿入
pop(): 配列の末尾から要素を削除
push(): 配列の末尾に要素を追加
concat(): 配列の末尾に要素を追加array
slice(): 配列の一部を返します
reverse(): 配列を逆順に並べ替えます
sort(): 配列を並べ替えます
splice(): 配列要素を挿入、削除、または置換します

toString() メソッド、toLocaleString () メソッドにも同様の機能があります。FF 以下の機能は、IE では要素が文字列の場合、「,」の後にスペースが追加され、要素が数値の場合は 2 に拡張されます。どちらも文字列の長さ属性を変更するため、互換性を考慮して toLocaleString() メソッドを使用しないようにしてください。

<script><br>var a = new Array(1, 2, 3, [4, 5, [6, 7]])<br>var b = a.toString() //b は「1」の形式です文字列 , 2, 3, 4, 5, 6, 7"<br>var c = new Array(1, 2, 3, [4, 5, [6, 7]])<br>var d = c.toLocaleString() / /d 文字列「1, 2, 3, 4, 5, 6, 7」の形式で<br>//toString() メソッドと toLocaleString() メソッドは多次元配列を逆アセンブルできます<br></script>
join()メソッド 配列内のすべての要素が文字列に変換されてから連結されます。これは、String の Split() メソッドとは逆の操作です。 join() はデフォルトで区切り文字として「,」を使用します

<script><br>var a = new Array("first", "second", "third") で区切り文字を指定することもできます。 <br>var s = a.join("...")<br>document.write(s)<br>//表示される結果は「first...second...third」です<br></script>
pop()メソッドは、配列の末尾からいくつかの要素を削除することによって取得できます。また、push() メソッドは、配列の末尾に要素を追加します。これら 2 つのメソッドは、まったく逆の操作です。どちらも元の配列を操作しますが、push() メソッドは新しい配列の長さを返し、pop() メソッドは削除された要素を返すことに注意してください。

<script><br>var a = new Array(1, 2, 3)<br>var b = a.push(4,5,[6,7]) //a は [1, 2, 3, 4, 5, [6, 7]] b は 6 tbpush() メソッドは配列<br>var c = new Array(1, 2, 3, 4, "first")<br>var d = c を開くのには役に立たないことに注意してください。 Pop( ) //c は [1, 2, 3, 4] d は文字列形式の「最初」です<br></script>
shift() メソッドは配列の先頭から要素を削除できます。 unshift() メソッドは、配列の先頭に追加するいくつかの要素を削除できます。これら 2 つのメソッドは、まったく反対の操作です。どちらも元の配列を操作しますが、unshift() メソッドは新しい配列の長さを返し、shift() メソッドは削除された要素を返すことに注意してください。

<script><br>var a = new Array(1, 2, 3)<br>var b = a.unshift(4,5,[6,7]) //a は [4, 5, [6, 7] ], 1, 2, 3] b は 6 です。 unshift() メソッドは配列を開くのに役立ちません。また、値が挿入される順序は <br>var c = new Array("first", 1) であることに注意してください。 , 2, 3, 4 )<br>var d = c.shift() //c は [1, 2, 3, 4] d は文字列形式の「最初」です<br></script>
concat()メソッドは元の配列に新しい配列を返すことができます。要素の配列は「,」で区切られます。ただし、要素内に配列がある場合は展開して追加されます。の多次元配列はサポートされていません

<script><br>var a = new Array("first", "second", "third")<br>s = a.concat("fourth",["fifth", "sixth"],["seventh", ["eighth", "ninth"]])<br>document.write(s[7])<br>//表示される結果は "eighth, ninth" で、"eighth, ninth" が配列の形で加算されることを示します。これは s の値です ["first", "next", "threeth", "fourth", "fifth", "sixth", "seventh", ["eightth", "ninth"]]<br></ script&gt ;<br>slice() メソッドは、配列のスライスまたは部分配列を返します。 slide() のパラメータは単語配列の開始位置と終了位置を表します。パラメータが 1 つしかない場合は、そこから開始し、パラメータが負の場合は逆数の特定の位置を意味します。 lice(start,end) //配列が添字の start (これを含む) から end (これを除く) までであることを示します</p> <p><script><br>var a = new Array(1, 2, 3, 4 , 5) <br>var b = a.slice(3) //b は [4, 5]<br>var c = a.slice(-3) //c は [3, 4, 5]<br>var d = a.slice(1) ,-1) //d は [2, 3, 4]<br>var e = a.slice(-3,-1) //e は [3, 4]<br></script>
reverse( ) メソッドのソート新しい配列を作成して返すのではなく、元の配列を操作します

<script><br>var a = new Array("first", "first", " third")<br>a。 reverse()<br>document.write(a)<br> //表示結果は「3番目、2番目、1番目」となっています<br></script>
sort()メソッド関数これは、最初に作成した人が怠惰なのか賢いのかわかりませんが、非常に奇妙な方法です。
sort() メソッドのパラメーターは、2 つのパラメーターと戻り値を持つ関数です。戻り値がゼロより大きい場合、前のパラメーターが次のパラメーターより大きいことを意味します。が等しい場合は、前のパラメータが最後のパラメータより小さいことを意味し、相対的に小さいパラメータがソートの先頭に表示されます。
sort() メソッドは配列を直接操作し、値も返しますが、この 2 つは同等であるように見えます。 sort() メソッドはデフォルトでアルファベット順に並べ替えます

<script><br>var a = new Array(33, 4, 111, 543)<br>a.sort(way)<br>function way(x, y){<br> if (x%2 == 0)inful splice()メソッドは、アレイを挿入、削除するだけでなく、処理されたコンテンツを返します。このメソッドは強力ですが、使いやすいものではありません。splice() メソッドは最初の 2 つのパラメータを位置決めに使用し、残りのパラメータは挿入部分を表します。 <br><br><script><br>var a = new Array(1, 2, 3, 4, 5)<br>var b = a.splice(2) //a は [1, 2] b は [3, 4, 5] ]<br>var c = new Array(1, 2, 3, 4, 5)<br>var d = c.splice(2,2) //c は [1, 2, 5] d は [3, 4]<br>var e = new Array(1, 2, 3, 4, 5)</p>var f = f.splice(-4,2) //e は [1, 4, 5] f は [2, 3]<p>var g = new Array(1, 2, 3, 4, 5)<br>var h = g.splice(-2,-2) //2 番目のパラメータは長さを表すため、負の数はここでは無効です<br> <br>var i = new Array( 1 , 2, 3, 4, 5)<br>var j = i.splice(2,2,"first","second","third") //i は [1, 2, "first", "first" , "3 番目", 5] j は [3, 4] で、後の部分は配列の連続性を維持するために自動的に前後に移動します<br>var k = new Array(1, 2, 3, 4, 5)<br>var l = k.splice (2,2,["first","second"],"third") //k は [1, 2, ["first", "second"], "third", 5] l is [3, 4 ] splice() メソッドは配列を展開せず、直接書き込むだけです<br></script>



このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 Dec 17, 2023 am 08:41 AM

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワーク プロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラ デバイスがあるとします。

See all articles