JavaScript 配列の詳細な概要

JavaScript 配列の詳細な概要

1. 配列誘導

1. 文字列を配列に分割する

 console.log(Array.form("red")) // ["r", "e", "d"] 

2. コレクションとマップを新しい配列に変換する

 const a1 = new Map().set("name","张三").set("age",18)

    console.log(Array.from(a1)) // [["name","张三"], ["age",18] 

3. 既存の配列の浅いコピーを作成する

 定数a1 = [

        {

        名前:「シャオミン」

        年齢: 18歳

        性別: 「男性」

        },

        {

            名前:「シャオミン」

            年齢: 18歳

            性別: 「男性」

        }]

    定数a2 = 配列.from(a1)

    コンソールログ(a2) 

実行結果:

4. 引数オブジェクトは簡単に配列に変換できる

 関数引数配列() {

        console.log(Array.from(引数)) // [1, 2, 3, 4]

    }

    引数配列(1, 2, 3, 4) 



5. カスタムオブジェクトを変換する

配列Like = {

        0: 「張三」、

        1: '18'、

        2: 「男性」

        3: [「推測してください」、「どれですか」]、

        '長さ': 4

    }

    arr = Array.from(arrayLike); とします。

    コンソールにログ出力します。 



実行結果:

Array.of(參數)パラメータを配列に変換します

 配列.of(1, 2, 3, 4) // [1, 2, 3, 4] 

2. イテレータメソッド

配列を取得するためのArrayプロトタイプには、 keys()values()entries()の3つのメソッドがあります。

 配列.of(1, 2, 3, 4) // [1, 2, 3, 4] 


 ユーザ = [

        {

            名前:「張三」

            年齢: 18歳

            性別: 「男性」

        },

        {

            名前:「李思」

            年齢: 19,

            性別:「女性」

        },

        {

            名前: 「王武」、

            年齢: 20,

            性別:「女性」

        }

    ] 



まずuser.key(),を使って返された配列のインデックスを走査します

 console.log(Array.from(user.keys())) // [0, 1, 2] 

user.values(),配列要素を走査して返します

 console.log(Array.from(user.values())) 

user.entries(),インデックスと値のペアをトラバースして返します。

console.log(Array.from(user.entries())) 

3. 一般的な配列操作

slice(stratIndex,endIndex)

  • パラメータがいっぱいの場合は、開始インデックスから終了インデックスまでのすべての要素を返します。
  • パラメータが 1 つだけの場合は、開始インデックスから終了インデックスまでの対応する要素を返します。

splice(startIndex, length, new1, new2....)

  • 削除、置換、挿入する
 let newData = {"username": "ys","age": "22","gender":"Ji Ke 1902","className":"Class 3","id":6}

    person.splice(1,1,newData) // ここで置換が使用される

JavaScript配列の詳細な概要についてはJavaScriptこれで終わりです。JavaScript 配列に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • よく使われるJavaScript配列メソッド
  • JavaScript クラス配列の詳細な理解
  • js配列の基本的な使い方のまとめ
  • JavaScript 配列の簡略化テクニックのまとめ
  • JavaScript配列の簡単な紹介

<<:  MySQLの文字セットを変更する方法

>>:  Zabbix WEB 監視実装プロセス図

推薦する

vue3 でブロック崩しゲームを開発する方法をステップバイステップで教えます

序文vue3 を使った例をいくつか書いてみましたが、Vue3 のコンポジション API はよく設計さ...

vagrant+virtualBoxで仮想マシンを構築する方法

1. はじめにVagrant は、仮想マシン (VirtualBox) を構築および管理するためのツ...

JavaScript 配列の Reduce() メソッドの構文と例の分析

序文Reduce() メソッドは関数を累積器として受け取り、配列内の各値 (左から右へ) が単一の値...

一般的なフロントエンドJavaScriptメソッドのカプセル化

目次1. 値を入力し、そのデータ型を返す** 2. アレイ重複排除3. 文字列の重複排除4. ディー...

NetEase ブログで使用されているシンプルな Web ページ コード

NetEase Blog でコードを使用する方法: まずブログにログインし、ブログのホームページの左...

Linuxアカウントファイル制御管理の詳細な手順

Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...

HTML に埋め込まれた Flash HTML ウェブページ コードに Flash ファイルを埋め込むソリューション (パート 2)

上の記事で、SWFObject V1.5 の使い方の紹介は一旦終了です。これから、SWFObject...

Linux での NTP サーバー設定の詳細な手順

目次1. 環境設定1.NTPサーバー2. ビジネスサーバー2. NTPサーバーの設定1. chron...

MySQL Shell import_tableデータインポートの実装

目次1. import_tableの紹介2. データのロードとテーブル関数のインポートの例2.1 L...

CSS3 のテキストとフォントの新しい設定

テキストシャドウテキストシャドウ: 水平オフセット 垂直オフセット ぼかし色互換性: IE10+ &...

Vueは、サイドナビゲーションバーをタブページに関連付けるサンプルコードを実装します。

目次テクノロジースタック効果分析するテクノロジースタックサイドバー用Antdtabは要素を使用します...

mysql のファイル mysql-bin.000001 とは何ですか? 削除できますか?

ポートを使用して MySQL をインストールした後、しばらくすると /var の容量が不足しているこ...

HTML/CSS の基礎 - HTML コード記述におけるいくつかの注意事項 (必読)

この記事の警告事項は、ブラウザの互換性とはまったく関係ありません。主に、プロジェクトで遭遇したいくつ...

Nginx 運用保守ドメイン名検証方法例

インターフェイス ドメイン名を構成する際、各パブリック プラットフォームはドメイン名に対する開発者の...

MySQL で高性能なインデックスを作成するための完全な手順

目次1. インデックスの基本1. インデックスの種類1.1 Bツリーインデックス1.2 ハッシュイン...