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

推薦する

Alibaba Cloud ServerにMySQLデータベースをインストールする方法の詳細な説明

序文学習中に Zookeeper をインストールする必要があったため、仮想マシンに常に問題が発生した...

Linux における「!」の知られざる使用法のまとめ

序文実際、Linux では、控えめな「!」が驚くほど多くの用途で使用されています。この記事では、「!...

Nginx リクエスト制限の設定方法

Nginx は、多くの優れた機能を備えた強力で高性能な Web およびリバース プロキシ サーバーで...

FTP環境設定ソリューション(vsftpd)の詳細な説明

1. vsftpdコンポーネントをインストールするインストールコマンド: [root@ink4t ~...

Centos 7 システムの Tomcat サーバーの詳細な分析

目次1. tomcatの起源1. Tomcat アプリケーションのシナリオ2. Tomcatに必要な...

Docker コンテナの正常なシャットダウン前にトラップを使用して環境のクリーンアップを実行する

実行中のコンテナが終了したときに、コンテナが完全に終了する前に環境をクリーンアップするなど、いくつか...

Linux コマンドラインからファイルを削除する実用的な方法

rm コマンドrm コマンドは、ファイルを削除するときによく使用されるコマンドです。ファイルまたはデ...

ウェブページ印刷細線表+ページ印刷究極の戦略

最近、クライアントのために印刷していたとき、ページのヘッダーを印刷するのではなく、表の内容だけを印刷...

MysqlチューニングExplainツールの詳細な説明と実践的な演習(推奨)

MySQL チューニング ツールの詳細な説明と実践的な演習の説明 ツールの紹介の説明 分析例の説明...

MySQL Server 8.0.3 のインストールと設定方法のグラフィックチュートリアル

この文書はMySQL Server 8.0.3のインストールと設定方法を参考のために記録したものです...

Docker-compose を使用して Django アプリケーションをオフラインでデプロイする方法

目次開発環境用のDocker-ceをインストールする開発環境用のDocker-composeをインス...

MySQL の binlog ログと、binlog ログを使用してデータを回復する方法を説明します。

ご存知のとおり、binlog ログは MySQL データベースにとって非常に重要です。万が一、データ...

浮遊する雲のアニメーションを実現するCSS3

操作効果 html <ヘッド> <メタ文字セット='UTF-8'&...

Vueコンポーネント登録方法の解釈

目次概要1. グローバル登録2. 現地登録3. モジュールシステムへのローカル登録概要コンポーネント...

バックエンド管理システムを構築するためのvue-element-adminの実装手順

最近、カンファレンスの健康申告システムに取り組んでいたとき、バックエンドを構築する必要があり、vue...