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

推薦する

HTMLフォームのいくつかの送信方法の概要

最も一般的で、最もよく使用され、最も一般的な方法は、submit タイプを使用することです。コードを...

モバイルフロントエンド適応ソリューション(概要)

ネットで検索してみたところ、多くの面接でモバイル適応方法について質問されることが分かりました。最近い...

仮想マシンに Windows Server 2008 オペレーティング システムをインストールする

この記事では、Windows Server オペレーティング システムのインストールと企業でのそのア...

静的リソースファイルのアクセスログをフィルタリングするNginxの実装

乱雑なログ日常的に使用される Nginx は、静的リソース サーバーとリバース プロキシ サーバーの...

JavaScript におけるセミコロンの詳細

序文JavaScript ではセミコロンはオプションであり、使用するかどうかは主にコーディング スタ...

JS で Websocket ベースのマルチターミナル ブリッジング プラットフォームを実装する方法

目次1. デバッグ対象2. WebSocketの機能3. ソケット接続を確立する3.1 部屋の作成方...

Vue 基本チュートリアル: 条件付きレンダリングとリストレンダリング

目次序文1.1 機能1.2 要素の可視性を制御する方法1.3 初期レンダリングの比較1.4 スイッチ...

LAMP ソースコードを使用したエンタープライズレベルのインストールチュートリアル

目次LAMPアーキテクチャ1.ランプの紹介2. WebサービスワークフローWebサーバーのリソースは...

TypeScriptはvscodeを使用してコードのコンパイルプロセスを監視します

インストールtsコマンドをグローバルにインストールする npm install -g typescr...

Mysql の使用法の概要

導入EXISTS は、サブクエリが少なくとも 1 行のデータを返すかどうかを確認するために使用されま...

JS Canvas インターフェースとアニメーション効果

目次概要Canvas API: グラフィックスの描画パス線種矩形アーク文章グラデーションと画像の塗り...

MYSQL接続ポートが占有され、ファイルパスエラーが発生する問題を解決します

今朝、私は Wampserver を使用してローカルの win7 マシン上に PHP 環境を構築し、...

MySql 認証に基づく vsftpd 仮想ユーザー

目次1. MySQLのインストール1.2 テーブル、データベース、ユーザーを作成する1.3 リモート...

ストリーマーボタンの効果を実現するCSS3アニメーション

CSS3 を学習する過程で、CSS3 属性を使用すると多くのクールな効果を簡単に実現できることが分か...