検索
ホームページウェブフロントエンドjsチュートリアルjs オブジェクト JS 配列オブジェクト操作の概要_JavaScript スキル

しかし、スクリプトのprototype.jsを学習する過程で、私たちがめったに使用しないメソッドがいくつかあることに気づきましたが、いくつかのメソッドは非常に古典的であるように見えます。スクリプトライブラリは常に増加しており、目の前にあるものはすべて...今日は JS の紹介を続け、Array 配列について学びましょう。

まず、その定義を見てみましょう:

コードをコピーします コードは次のとおりです。

var arrayObj = new Array()
var arrayObj = new Array([サイズ])
var arrayObj = new Array([element0[, element1[, [, elementN]] ]])

ここで: arrayObj は、Array オブジェクトに割り当てられた変数名です。
size 配列の添字は 0 から始まるため、作成される要素の添字は 0 から size -1 までとなります。
element0,...,elementN これにより、n 1 個の要素を含む長さ n 1 の配列が作成されます。この構文を使用するには、複数の要素が必要です。

Array のコンストラクターに引数が 1 つだけ渡され、その引数が数値の場合、それは符号なし 32 ビット整数 (約 40 億) でなければなりません。この値が配列のサイズになります。値が数値であるが 0 未満であるか、整数ではない場合、実行時エラーが発生します。

Array コンストラクターに渡される値が数値ではなく単一の値である場合、length プロパティは 1 に設定され、一意の要素の値が単一の渡される引数になります。 。

JS 配列は解析された配列であるため、複数の要素を配列に割り当てることができますが、実際にはデータを含む要素のみが存在します。これにより、配列で使用されるメモリの量が削減されます。

Array オブジェクトには、コンストラクター、長さ、プロトタイプという 3 つの組み込みプロパティがあります。コンストラクター、プロトタイプ、引数、およびその他のオブジェクト プロパティについては別の記事で説明するので、ここでは詳しく説明しません。以下では、主に Array の組み込みメソッドのいくつかを見ていきます。これは私たちにとって非常に重要です。なぜなら、このメソッドは頻繁に使用するからです。

concat メソッド: 2 つ以上の配列を連結し、新しい配列を返します。新しい配列に接続されている配列からコピーされた (参照型) オブジェクト パラメーターは、コピー後も同じオブジェクトを指していることに注意してください。新しい配列とソース配列のどちらが変更されても、もう一方は変更されません。 Change; (値の型) 新しい配列に接続された数値または文字列の場合、一方の配列の値の変更は、もう一方の配列の値には影響しません。例:

コードをコピー コードは次のとおりです。

function ConcatArrayDemo(){
var a , b, c, d;
a = 新しい配列(1,2,3);
c = 新しい配列(42, "VBScript); >d = a.concat(b, c);
// 配列 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);


結合メソッド
: 特定の区切り文字に従って配列内の項目を文字列に変換し、それを返します。デフォルトの区切り文字はカンマです。例:

コードをコピーします
コードは次のとおりです。function JoinDemo(){ var a, a; = new Array(0, 1,2,3,4);
b = a.join("-")
//Return: "0-1-2-3-4"
return(b);
}



pop メソッド:
配列の最後の要素を削除し、配列が空の場合はその要素を返します。
プッシュ メソッド:
は、出現する順序で新しい要素を追加します。
パラメーターの 1 つが配列の場合、その配列は単一の要素として配列に追加されます。複数の配列内の 2 つまたは要素を結合する場合は、concat
メソッドを使用してください。
reverse メソッド は、Array オブジェクト内の要素の位置を反転します。実行中、このメソッドは新しい Array

オブジェクトを作成しません。配列が連続していない場合、reverse メソッドは配列内に要素を作成して配列内のギャップを埋めます。この方法で作成されたすべての要素の値は未定義です。 コードをコピー コードは次のとおりです:


function ReverseDemo(){
var a, l; // Declare variables.
a = new Array(0,1,2,3,4); // Create an array and assign values.
l = a.reverse(); // Reverse the contents of the array.
//Return: l=[4,3,2,1,0]
return(l); // Return the result array.
}

shift method removes the first element in the array and returns that element.

slice method returns an Array object, which contains the specified part of arrayObj. The slice method copies up to, but not including, the element specified by end. If start is negative, treat it as length start, where length is the length of the array. If end is negative, treat it as length end, where length is the length of the array. If end is omitted, then the slice method will copy to the end of arrayObj. If end appears before start, no elements are copied to the new array. Example:
Copy code The code is as follows:

//Except for the last element, myArray All elements in are copied to newArray:
newArray = myArray.slice(0, -1)

The sort method sorts the Array objects appropriately; it does not A new Array object is created. If a function is provided for the sortfunction argument, the function must return one of the following values:

Negative value if the first argument passed is smaller than the second argument.
Zero if both arguments are equal.
Positive value if the first parameter is larger than the second parameter.
Copy code The code is as follows:

function SortDemo(){
var a, l ; // Declare variables.
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort(); // Sort array.
return(l); // Return the sorted array.
}

splice method can remove the specified number of elements starting from the start position and insert new elements , thus modifying arrayObj. The return value is a new Array object consisting of the removed elements. The format is as follows:
Copy code The code is as follows:

arrayObj.splice(start, deleteCount, [ item1[, item2[, . . . [,itemN]]]])

toLocaleString method will be explained in the Date object, generally this method It is just returned to the user and not calculated in the code. The

unshift method inserts these elements into the beginning of an array, so they will appear in the array in the order in which they are passed. The format is as follows:
Copy code The code is as follows:

arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

valueOf method&toString() The elements of the array are converted to strings. These strings are separated by commas and concatenated. together. Its operation is the same as the Array.toString and Array.join methods.

At this point, everything about the Array object is almost complete. I sorted them out to consolidate my scripting knowledge. I would like to reiterate that many of the examples are left by predecessors. If they are useful to you Sorry for any discomfort!
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Python vs. JavaScript:開発者の比較分析Python vs. JavaScript:開発者の比較分析May 09, 2025 am 12:22 AM

PythonとJavaScriptの主な違いは、タイプシステムとアプリケーションシナリオです。 1。Pythonは、科学的コンピューティングとデータ分析に適した動的タイプを使用します。 2。JavaScriptは弱いタイプを採用し、フロントエンドとフルスタックの開発で広く使用されています。この2つは、非同期プログラミングとパフォーマンスの最適化に独自の利点があり、選択する際にプロジェクトの要件に従って決定する必要があります。

Python vs. JavaScript:ジョブに適したツールを選択するPython vs. JavaScript:ジョブに適したツールを選択するMay 08, 2025 am 12:10 AM

PythonまたはJavaScriptを選択するかどうかは、プロジェクトの種類によって異なります。1)データサイエンスおよび自動化タスクのPythonを選択します。 2)フロントエンドとフルスタック開発のためにJavaScriptを選択します。 Pythonは、データ処理と自動化における強力なライブラリに好まれていますが、JavaScriptはWebインタラクションとフルスタック開発の利点に不可欠です。

PythonとJavaScript:それぞれの強みを理解するPythonとJavaScript:それぞれの強みを理解するMay 06, 2025 am 12:15 AM

PythonとJavaScriptにはそれぞれ独自の利点があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1. Pythonは、データサイエンスやバックエンド開発に適した簡潔な構文を備えた学習が簡単ですが、実行速度が遅くなっています。 2。JavaScriptはフロントエンド開発のいたるところにあり、強力な非同期プログラミング機能を備えています。 node.jsはフルスタックの開発に適していますが、構文は複雑でエラーが発生しやすい場合があります。

JavaScriptのコア:CまたはCの上に構築されていますか?JavaScriptのコア:CまたはCの上に構築されていますか?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc;それは、解釈されていることを解釈しました。

JavaScriptアプリケーション:フロントエンドからバックエンドまでJavaScriptアプリケーション:フロントエンドからバックエンドまでMay 04, 2025 am 12:12 AM

JavaScriptは、フロントエンドおよびバックエンド開発に使用できます。フロントエンドは、DOM操作を介してユーザーエクスペリエンスを強化し、バックエンドはnode.jsを介してサーバータスクを処理することを処理します。 1.フロントエンドの例:Webページテキストのコンテンツを変更します。 2。バックエンドの例:node.jsサーバーを作成します。

Python vs. Javascript:どの言語を学ぶべきですか?Python vs. Javascript:どの言語を学ぶべきですか?May 03, 2025 am 12:10 AM

PythonまたはJavaScriptの選択は、キャリア開発、学習曲線、エコシステムに基づいている必要があります。1)キャリア開発:Pythonはデータサイエンスとバックエンド開発に適していますが、JavaScriptはフロントエンドおよびフルスタック開発に適しています。 2)学習曲線:Python構文は簡潔で初心者に適しています。 JavaScriptの構文は柔軟です。 3)エコシステム:Pythonには豊富な科学コンピューティングライブラリがあり、JavaScriptには強力なフロントエンドフレームワークがあります。

JavaScriptフレームワーク:最新のWeb開発のパワーJavaScriptフレームワーク:最新のWeb開発のパワーMay 02, 2025 am 12:04 AM

JavaScriptフレームワークのパワーは、開発を簡素化し、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを向上させることにあります。フレームワークを選択するときは、次のことを検討してください。1。プロジェクトのサイズと複雑さ、2。チームエクスペリエンス、3。エコシステムとコミュニティサポート。

JavaScript、C、およびブラウザの関係JavaScript、C、およびブラウザの関係May 01, 2025 am 12:06 AM

はじめに私はあなたがそれを奇妙に思うかもしれないことを知っています、JavaScript、C、およびブラウザは正確に何をしなければなりませんか?彼らは無関係であるように見えますが、実際、彼らは現代のウェブ開発において非常に重要な役割を果たしています。今日は、これら3つの間の密接なつながりについて説明します。この記事を通して、JavaScriptがブラウザでどのように実行されるか、ブラウザエンジンでのCの役割、およびそれらが協力してWebページのレンダリングと相互作用を駆動する方法を学びます。私たちは皆、JavaScriptとブラウザの関係を知っています。 JavaScriptは、フロントエンド開発のコア言語です。ブラウザで直接実行され、Webページが鮮明で興味深いものになります。なぜJavascrを疑問に思ったことがありますか

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

メモ帳++7.3.1

メモ帳++7.3.1

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