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 監視実装プロセス図

推薦する

スライドドアを実装するための CSS サンプルコード

いわゆるスライディングドアテクノロジーとは、さまざまな長さのテキストに合わせてボックスの背景を自動的...

MySQL テーブルとデータベースでデータを分割する方法

目次1. 縦方向のスライス1.1 垂直データベース1.2 垂直テーブル分割2. 水平(横断)セグメン...

Linuxプロセスネットワークトラフィック統計の実装プロセス

序文Linux には、ネットワーク接続、プロセス、およびその他の情報をリアルタイムで収集するための対...

テーブルリストを破棄するには、標準のdl、dt、ddタグを使用します。

現在、ますます多くのフロントエンド開発者が、元のテーブル レイアウトを xHTML + CSS に置...

フロントエンド開発者のための HTML 入門

1 HTML入門1.1 初めてのコード体験、最初のウェブページの作成XML/HTML コードコンテン...

HTML pre タグ内の自動改行

このとき、overflow:auto;(コードがコンテナの境界を超えたときにスクロールボックスを表示...

JavaScript 関数のコンテキストのルールは何ですか?

目次1. ルール 1: Object.Method() 1.1 ケース1 1.2 ケース2 1.3 ...

Windows 環境での MySQL の解凍、インストール、バックアップ、復元

システム環境はserver2012です1. MySQLの解凍バージョンをダウンロードし、インストール...

MySQL の昇順および降順データソートの実装

データの昇順、降順ソート1. フィールド名による単一フィールドのソート順機能:どのフィールドを基準に...

Linux プログラムの実行中に動的ライブラリをロードできない場合の解決策

Linux でダイナミック ライブラリをロードできません次のような異常事態が発生した場合./test...

サーバーのDockerコンテナへのvscodeリモート接続を設定する方法

目次画像をプルするイメージを実行する(コンテナを生成する)コンテナを起動するコンテナに入るすべてのミ...

テキストの展開と折りたたみの効果を実現するJavaScript

リスト形式のテキストの展開と折りたたみの実装は参考までに。具体的な内容は以下のとおりです。必要: 1...

Tomcat のセッションと Cookie の詳細な説明

序文HTTP はステートレスな通信プロトコルです。各リクエストは互いに独立しており、サーバーは以前の...

Nginxホットデプロイメントの実装

目次セマフォNginx ホットデプロイメント上記のブログ投稿に従ってください。ファイアウォールをオフ...

HTML でのフォームとフォーム送信操作に関する情報のコレクション

ここでは、フォーム要素とフォーム送信に関する知識を紹介します。フォーム要素フォーム要素の DOM イ...