JavaScript の配列メソッド。

Mary-Kate Olsen
リリース: 2024-12-08 14:26:11
オリジナル
408 人が閲覧しました

余計なことは言わずに仕事に行きましょう。この投稿では、JavaScript プログラミング言語の配列メソッドについて理解し、関連する問題に取り組みます。


要素の追加、変更。

  • 長さ()
  • プッシュ()
  • concat()

消す。

  • ポップ()
  • シフト()
  • スプライス()
  • 配列[i]を削除

検索

  • find(function())
  • indexOf()

整える

  • sort() 数値の場合は 、文字列の場合は

逆行する

  • リバース()

項目を追加および変更します。

length メソッドは、配列の要素の数または長さを見つけます。
Javascript の配列の型はオブジェクトであることに注意してください。以前に c/c や java などの言語を学んだことがある場合、これは少し混乱するかもしれません。 JavaScript では、配列自体は実際には data-type であり、c/c の配列とは異なります。 JS では、さまざまな種類のデータを 1 つの配列に格納できます。

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


配列の末尾から新しい要素を追加します。

ご質問があるかもしれません。定数変数の値を変更することはできますか?はい、push() メソッドを通じて新しい要素を挿入していますが、配列に新しい値を設定していません。

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


2 つの配列を結合します (concatenate)。

concat() メソッドは 2 つの配列を結合します。

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


配列から要素を削除します。

JavaScript で配列要素を削除するには、いくつかの方法があります。
Pop() メソッドは、配列の末尾から 1 つの要素を削除するために使用されます。

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


shift() メソッドは、配列の先頭から 1 つの要素を削除します

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


splice() メソッドは、要素の削除だけでなくデータの変更にも使用できるという点で独特です。削除を目的として、このメソッドは 2 つの値を取ります。

  • 最初: は要素を削除するための開始インデックスです。
  • 2 番目: 削除する要素の数。

例: const array = [44, 5.3, 2, 14, 98, "text", "apple"];がある。インデックス 3 から始まる 2 つの要素、つまり 14 (14 自体が削除されます)、2 つの要素
を削除したいと考えています。

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.
置換のためにsplice()を以下のように使用します。

  1. 開始インデックス array.splice(3, ...)
  2. 交換する要素の数 array.splice(3, 2, ...)
  3. それぞれ挿入される新しい要素 array.splice(3, 2, "new1", "new2")
// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


delete array[i] メソッドは、配列要素を削除する最も簡単な方法です。この場合、[i]の代わりに削除する要素のインデックスが記述されます。

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


配列からの検索

find(function()) メソッドは、配列から指定された要素を検索するために使用されます。関数が値としてこのメ​​ソッドに書き込まれ、その関数には検索する要素が与えられます。この関数はインデックスを返しません。検索された要素が配列内に存在する場合はこの要素を返し、それ以外の場合は未定義を返します。

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


indexOf() メソッドは、検索された要素のインデックスを返します。

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.


整える

sort() メソッド。ここから JavaScript の「頭痛の種」が始まります。一見すると、sort() メソッドは単純に見えますが、実際には舞台裏で別のプロセスが実行されています。デフォルトでは、sort() は strings をソートしますが、整数または数値が指定された場合は正しくソートできます。しかし、JavaScript は数値をソートしたい場合はソートしますが、そうでない場合はソートしません (冗談):)

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2);

console.log(`keyin: 14 va 98 elementlari o'chdi [${array}]\n`);
ログイン後にコピー

JavaScript array metodlari.


数値では次のようになります。

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2, "yangi1", "yangi2");

console.log(`keyin: 14 va 98 elementlari almashtirildi [${array}]\n`);
ログイン後にコピー

JavaScript array metodlari.


それで、何が問題なのでしょうか?

「続けましょう」と言うことができます。

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

JavaScript array metodlari.

やめて、ソートされた配列の結果を見てください: [100,1021,30,45,61,8] それは何ですか?
JavaScript は配列を文字列としてソートします。数値が指定された場合でも、それは ASCII コードに転送され、辞書順に、つまり文字列のようにソートされます。エラーが発生します。この問題では、100 が最後の数字、30 が 100 の前にある必要があります。 char としては 1 が 3 よりも前にあるため、エラーが発生します (ascii table! を参照)。これを修正するには、sort() メソッドに function() を与えます。

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
関数

array.sort((a, b) => a - b); は、配列内の 2 つの要素を比較し、その順序を決定します。

  • a と b: これらは比較される配列の 2 つの要素です。 sort() メソッドは、すべての要素をペアごと (たとえば、a と b) で比較し、比較関数の結果に従ってそれらを配置します。
  • a - b: これらの差を計算することにより、要素の順序が決定されます:
  1. a - b が負の場合 (つまり、a
  2. a - b が正の場合 (つまり、a > b)、b は a に先行します。
  3. a - b がゼロの場合 (つまり、a === b)、それらは相互に排他的ではありません。

結果:

JavaScript array metodlari.


反転

reverse() メソッドは、名前で指定された配列を逆にした配列を作成します。

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

結果:

JavaScript array metodlari.


この投稿を通じて JavaScript の配列メソッドについての知識を得ていただければ幸いです。JS を学習しているあなたの愛する人たちとこの投稿を共有してください。

確認すべき質問:

1.要素の追加、変更:

a.長さ()

問題: 1000 個の値を含む大きな配列を想像してください。配列内の要素の数だけを出力する必要がある場合、どのような方法を使用しますか?配列に変更を加えると、要素の数はどのように変化しますか?
問題: 特定の配列の末尾に 1000 個の新しい要素を追加する必要がある場合、配列の長さを決定します。これにはどの方法を使用するのが最も効果的ですか?

b.プッシュ()

問題: すべての要素が同じ配列があります。新しい要素を追加するたびに、配列の末尾の要素を置き換える必要があります。これらの操作をどのように最適化しますか?
問題: 実行する必要があるさまざまなタスクを含む、tasks という配列があります。毎回、新しいタスクを追加し、リストの最後にあるタスクを更新する必要があります。これはどうやって行うのですか?

c. concat()

問題: 2 つの配列を結合し、同じ形式で表示する必要があります。最初の配列には単純な数値のみが含まれ、2 番目の配列には数値文字列のみが含まれます。それらから新しい配列を作成し、すべての数値を数値形式で出力するにはどうすればよいですか?
問題: 2 つの配列があり、1 つはユーザーに関する情報を含み、もう 1 つはユーザーのログイン履歴を含みます。これらの配列を結合する必要がありますが、表示したいのはユーザーのアクティブな状態の履歴だけです。これはどうやって行うのですか?

2.削除:

a.ポップ()

問題: 複数のユーザー リストがあり、そのたびにリストから最後のユーザーを削除する必要があります。ただし、過去 3 日間のアクティブ ユーザーのみを保持したいとします。どうすればそれらを管理できますか?
問題: さまざまな書籍に関する情報を含む Books という名前の配列があります。毎回、最後の本を削除して新しい本を追加する必要があります。どうやってやるの?

b.シフト()

問題: ユーザーが順番を待っているキュー プロセスを想像してください。毎回次のユーザーからログアウトし、新しいユーザーを入力します。このプロセスはどのように行うのですか?
問題: ユーザーのログイン時間ごとに配列された配列があります。毎回、最初のユーザーの登録を解除する必要があります。これはどうやって行うのですか?

c. splice()

問題: 生徒のリストがあり、そのたびにリストから 3 人の生徒を変更または削除する必要があります。このプロセスはどのように行うのですか?
問題: 問題のリストがあります。毎回、いくつかの問題を削除および変更する必要があります。問題を変更する場合、他の問題は正しい順序のままである必要があります。これはどうやって行うのですか?

d.配列[i]を削除

問題: 大きな配列があり、そのインデックスに基づいて要素を削除する必要があります。配列内の他の要素がどのように変更されるかを考慮して、要素を削除するときは何をすべきですか?
問題: 顧客のリストがあり、各顧客には一意の ID 番号があります。特定の ID の顧客の登録を解除するにはどのような方法を使用できますか?

3.検索:

a. find(関数())

問題: ユーザーのリストがあります。各ユーザーには ID 番号と名前があります。 「John」という名前のユーザーの情報のみを取得する必要があります。これはどうやって行うのですか?
問題: 製品のリストがあり、各製品には名前と価格が付いています。価格が 100 を超える製品のみを探す必要があります。これはどうやって行うのですか?

b. IndexOf()

問題: 本のリストがあり、各本にはタイトルと著者があります。ユーザーが書籍を検索する場合、その書籍がどのインデックスに含まれているかを名前で判断します。
問題: 製品のリストがあり、各製品には一意の識別番号が割り当てられています。ユーザーが製品を探している場合、その ID 番号に基づいて製品を見つけられる必要があります。これはどのように行われるのでしょうか?

4.注文:

a. sort()(数値の場合)

問題: 複数の生徒評価があります。成績は最低から最高の順に並べ替えますが、同じ成績の学生は名前で並べ替えます。
問題: 製品の価格を含む配列があります。価格は降順に並べ替えることができますが、価格が同じ場合は発売日順に並べ替えます。

b. sort()(文字列用)

問題: 顧客名の配列があります。アルファベット順に並べ替える必要がありますが、大文字
のみを使用してください。 問題: 本のタイトルがあります。すべての本を単語の長さで並べ替えたいとします。これはどうやって行うのですか?

5.クリック:

a. reverse()

問題: 複数の数値の配列があります。この配列を逆の順序で出力する必要があります。この変化をどのように計算するのですか?
問題: テキストのリストがあり、テキストを逆の順序で出力したいと考えています。テキストがすべて同じ長さだったら何が得られますか?

バグと質問

以上がJavaScript の配列メソッド。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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