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

推薦する

Navicateを使用してAlibaba Cloud Server上のMySQLに接続する

1. まず、サーバーの mysql にアクセスして権限を変更します。 GRANT オプション付きで、...

モバイルデバイスで 1 ピクセルの境界線の問題を解決するいくつかの方法 (5 つの方法)

この記事では、モバイルデバイス上の 1 ピクセルの境界線の問題を解決する 5 つの方法を紹介します。...

HTML ページにミュージック ビデオを追加する例

1. ビデオタグFirefoxでは自動再生をサポートしますが、GoogleとIEではサポートしません...

MySQLの累積集計原理と使用例の分析

この記事では、例を使用して、MySQL 累積集計の原理と使用方法を説明します。ご参考までに、詳細は以...

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

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

Nginx に React プロジェクトをデプロイする方法の例

テストプロジェクト: react-demo react-demo プロジェクトをサーバーにクローンし...

Macシステムをインストールした後にVMWareがフルスクリーンで表示できない問題を解決する

システム: VMTOOLs ダウンロード:リンク: https://pan.baidu.com/s/...

Vue.js の watch メソッドと computed メソッドの違いの詳細な例

目次序文導入1. 作用機序2. 自然から3. 時計と計算の比較4. メソッドはデータロジックの関係を...

VMware 仮想化 KVM のインストールと展開のチュートリアルの概要

仮想化1. 環境セントオス7.3 selinuxとファイアウォールを無効にする2. 仮想化環境の構成...

Webデザインにおけるフォームデザインテクニックのまとめ

「脳が多数の領域間の関係を処理できるように、入力は論理的なグループに分割する必要があります。」 – ...

ウェブページのフラッシュアニメーションが表示されない問題の解決策

<br />解決手順は次のとおりです。スタート -> 実行 -> reged...

無効にしてHTMLフォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

フォーム入力ボックスの入力をdisable属性に設定して送信すると、入力ボックスの値を取得できなくな...

XHTML ブロックレベルタグの概要

* 住所 - 住所* blockquote - ブロック引用* center - 中央揃えブロック*...

CentOS6.8 中国語/英語環境切り替えチュートリアル図

1. はじめに英語に慣れていない人は、システムを英語から中国語に変更したいかもしれません。一方、クラ...

MySQL で GTID モードをオンラインで有効または無効にする

目次基本的な概要GTIDをオンラインで有効にする1. GTID検証ENFORCE_GTID_CONS...