jsを使用して中国語からピンインへの変換の完全な手順を実行します

jsを使用して中国語からピンインへの変換の完全な手順を実行します

jsを使用して、中国語をピンインに変換するパッケージを作成しました。倉庫のアドレスはpinyin-proで確認できます。

特徴

  • 複数の形式での中国語の文字、単語、文章の入力と取得をサポート
  • ピンインを取得
  • 最初の子音を取得する
  • 決勝戦に進出
  • ピンインの最初の文字を取得する
  • トーンをつかむ
  • 多音文字の複数のピンインを取得する
  • 文字列と配列の出力形式をサポート

インストール

npmインストール

npm ピンインプロをインストールします

糸の取り付け

糸追加ピンインプロ

導入

ブラウザスクリプトの紹介:

<!--バージョン 3.2.0 などのバージョンを導入します-->
<!-- <script src="https://cdn.jsdelivr.net/gh/zh-lx/[email protected]/dist/pinyin-pro.js"></script> -->
<!--最新バージョンのご紹介-->
<script src="https://cdn.jsdelivr.net/gh/zh-lx/pinyin-pro@latest/dist/pinyin-pro.js"></script>
<スクリプト>
  var { ピンイン } = pinyinPro;
  pinyin('Hanyu Pinyin'); // 'hàn yǔ pīn yīn'
</スクリプト>

ESModule インポート:

'pinyin-pro' から { pinyin } をインポートします。
pinyin('Hanyu Pinyin'); // 'hàn yǔ pīn yīn'

Commonjs が導入されました:

const { ピンイン } = require('pinyin-pro');
pinyin('Hanyu Pinyin'); // 'hàn yǔ pīn yīn'

パラメータ

pinyin(word, options) は2つのパラメータを受け入れます

単語: 必須。文字列型、中国語のピンインに変換する必要があります
オプション: オプション。さまざまな出力形式を構成するために使用されるオブジェクト タイプ。オプションのキー値の構成は次のとおりです。

パラメータ例示するタイプオプション値デフォルト値
パターン出力結果情報(ピンイン/最初の子音/最後の母音/声調/最初の文字)ピンイン / 頭文字 / 末尾文字 / 数字 / 最初ピンイン
トーンタイプ声調出力形式(ピンイン記号/数字/声調なし)シンボル / 数字 / なしシンボル
タイプ出力結果の型(文字列/配列)文字列 / 配列
複数多音のすべてのピンインを出力します(単語が長さ 1 の中国語文字列の場合にのみ有効)ブール値真偽間違い

使用例

ピンインを取得

'pinyin-pro' から { pinyin } をインポートします。

// 声調付きピンインを取得します pinyin('Hanyu Pinyin'); // 'hàn yǔ pīn yīn'
// 声調なしのピンインを取得します pinyin('Hanyu Pinyin', {toneType: 'none' }); // 'han yu pin yin'
// ピンインを数値接尾辞に変換します pinyin('Hanyu Pinyin', {toneType: 'num' }); // 'han4 yu3 pin1 yin1'
// 配列形式で声調付きのピンインを取得します。pinyin('Hanyu Pinyin', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"]
// 声調なしのピンインを配列形式で取得します。pinyin('汉拼音', {toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"]
// 声調を数値接尾辞に変換した配列形式を取得します pinyin('Hanyu Pinyin', {toneType: 'num', type: 'array' }); // ["han4", "yu3", "pin1", "yin1"]

最初の子音を取得する

'pinyin-pro' から { pinyin } をインポートします。

// 最初の子音を取得します pinyin('Hanyu Pinyin', { pattern: 'initial' }); // 'hypy'
// 配列形式で最初の子音を取得します。pinyin('Hanyu Pinyin', { pattern: 'initial', type: 'array' }); // ["h", "y", "p", "y"]

決勝戦に進出

'pinyin-pro' から { pinyin } をインポートします。

// 声調付きの末尾を取得します pinyin('Hanyu Pinyin', { pattern: 'final' }); // 'àn ǔ īn īn'
// 声調のない末尾を取得します pinyin('Hanyu Pinyin', { pattern: 'final',toneType: 'none' }); // 'an u in in'
// 数字音調の末尾の母音を取得します pinyin('Hanyu Pinyin', { pattern: 'final',toneType: 'num' }); // 'an4 u3 in1 in1'
// 声調と語尾の配列を取得します。pinyin('Hanyu Pinyin', { pattern: 'final', type: 'array' }); // ["àn", "ǔ", "īn", "īn"]
// 声調のない末尾の配列を取得します pinyin('Hanyu Pinyin', { pattern: 'final',toneType: 'none', type: 'array' }); // ["an", "u", "in", "in"]
// 中国語のピンインの末尾を、声調を数字として配列形式で取得します。pinyin('Hanyu Pinyin', { pattern: 'final',toneType: 'num', type: 'array' }); // ['an4', 'u3', 'in1', 'in1']

トーンをつかむ

'pinyin-pro' から { pinyin } をインポートします。

// 声調を取得する pinyin('Hanyu Pinyin', { pattern: 'num' }); // '4 3 1 1'
// 配列形式で音調を取得します pinyin('Hanyu Pinyin', { pattern: 'num', type: 'array' }); // ["4", "3", "1", "1"]

ピンインの最初の文字を取得する

'pinyin-pro' から { pinyin } をインポートします。

// ピンインの最初の文字を取得します pinyin('赵钱孙李额', { pattern: 'first' }); // 'zqsl é'
// 声調なしのピンインの最初の文字を取得します pinyin('赵钱孙李额', { pattern: 'first',toneType: 'none' }); // 'zqsle'
// ピンインの最初の文字を配列形式で取得します。pinyin('赵钱孙李额', { pattern: 'first', type: 'array' }); // ['z', 'q', 's', 'l', 'é']
// 声調なしのピンインの最初の文字を配列形式で取得します。pinyin('赵钱孙李额', { pattern: 'first',toneType: 'none', type: 'array' }); // ['z', 'q', 's', 'l', 'e']

一つの単語の複数の発音を取得する

ポリフォニック モードを取得できるのは単語のみで、単語や文は無効です。配列形式、最終形式、その他の形式を取得するためのオプションを設定することもできます。

'pinyin-pro' から { pinyin } をインポートします。

// 複数のピンインを取得します('好', { multiple: true }); // 'hǎo hào'
// 複数の音を配列形式で取得します pinyin('好', { multiple: true, type: 'array' }); // ["hǎo", "hào"]

要約する

js を使用して中国語をピンインに変換する方法についての記事はこれで終わりです。js を使用して中国語をピンインに変換する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • 中国語のピンインの最初の文字を取得する JavaScript
  • 中国語のピンインの最初の文字を取得し、ピンインの最初の文字を通じてページ上の対応する中国語コンテンツをすばやく見つける JS メソッド [デモ ソース コード付き]
  • JSは中国語の文字をピンインでソートする方法を実装します
  • jsは中国語のピンインを取得し、Selectは自動的に文字を一致させて値コードを取得します
  • 中国語のピンインの最初の文字を抽出するための js パッケージ ツール クラス
  • JavaScript の中国語からピンインへの変換コードにバグがある
  • 中国語の文字をピンインで並べ替える JavaScript コード
  • Extjs Gird は中国語のピンインソート実装コードをサポートします

<<:  MySQL でスロークエリログ機能を有効にする方法

>>:  CentOS 7.5 が Varnish キャッシュサーバー機能を導入

推薦する

js はマウスによる画像の切り替えを実装します (タイマーなし)

この記事の例では、マウス切り替え画像を実現するためのjsの具体的なコードを参考までに共有しています。...

ARM64アーキテクチャでmysql5.7.22をインストールするプロセス全体

MySQLダウンロードアドレス: https://obs.cn-north-4.myhuaweicl...

MySQLの自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

Node.js でのクラスター作成に関する簡単な説明

目次クラスタクラスターの詳細クラスター内のイベントクラスター内のメソッドクラスター内の属性クラスター...

Vue v-for ループを書く 7 つの方法

目次1. v-forループでは常にキーを使用する2. 特定のスコープ内でv-forループを使用する3...

1時間で学ぶMySQLの基礎

目次MySQL を使い始めるMySQL 管理6. MySQL サーバーを起動および停止します。 7....

Javascript 構造化代入の詳細

目次1. 配列の分解2. オブジェクトの分解3. 不完全な解体4. 分割代入を使用して変数交換を実装...

Vueは小さなカウントダウン機能を実装します

多くのプロジェクトでは、検証コードの送信など、カウントダウン機能を実装する必要があります。ここで、簡...

MySQL がユーザー名とパスワードの漏洩を引き起こす可能性のある Riddle の脆弱性を公開

MySQL バージョン 5.5 および 5.6 を標的とする Riddle 脆弱性により、中間者攻撃...

uniapp 要素ノードスタイルの動的変更の詳細な説明

目次1. スタイル属性をバインドして変更するhtml:対応するjs:達成された効果:次に、refを使...

ウェブデザインと制作におけるハイパーリンクの効果の向上

ハイパーリンクを使用すると、ページからページへ、またはサイトからサイトへ瞬時に移動できます。このよう...

MySQLアラームの詳細な分析と処理

最近、あるサービスにアラームが発生し、耐えられなくなっています。アラーム情報は次のとおりです。メトリ...

Django 2.2 を MySQL データベースに接続する方法

1. プロジェクトの実行時に報告されるエラー情報は次のとおりです。 ファイル "/home...

40以上の美しいWebフォームデザイン例

Web フォームは、訪問者と Web サイト所有者間の主要なコミュニケーション チャネルです。フィー...

JavaScript配列の一般的なメソッドの詳細な説明

目次一般的な配列メソッドポップ()シフト解除()シフト()スライス()スプライス()配列から重複した...