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 キャッシュサーバー機能を導入

推薦する

HTML で入力ボックスに純粋な数字のみを入力するように制限する方法

inputボックスを純粋な数字のみに制限する1、onkeyup = "value=valu...

Vueスロットの詳細な説明

1. 機能: 親コンポーネントが子コンポーネントの指定された位置に HTML 構造を挿入できるように...

Linux C ログ出力コード テンプレート サンプル コード

序文この記事は主に Linux C でのログ出力コード テンプレートに関する関連コンテンツを紹介し、...

ウェブページでコンテンツを引用するためによく使われるHTMLタグをマスターする

長い引用には blockquote を、短い引用には q を、参考文献には cite を使用します。...

独自のサーバーを素早く構築する方法の詳細なチュートリアル(Java 環境)

1. サーバーの購入1. 私はAlibaba Cloudのサーバーを選択しました。学生向けで月額9...

開発者にとって必須の Docker コマンドの概要

目次Docker入門Docker環境のインストールDockerイメージの共通コマンド検索ミラー画像を...

iview権限管理の実装

目次iview-admin2.0 組み込み権限管理権限に基づいてコンポーネントの表示を制御するカスタ...

HTML独習の旅(I)基本要素と属性の練習(自分でコードを書く)

私は W3school のチュートリアルに従いました。チュートリアルはとても良いと思います。各セクシ...

MySQL のスローログ監視の誤報問題の分析と解決

以前は、さまざまな理由により、一部のアラームは真剣に受け止められませんでした。最近、休暇中に、すぐに...

WeChatアプレットでQRコードを識別するために長押しする実装プロセス

序文公式アカウントのQRコードは長押しで認識できることは皆さんご存じですが、ミニプログラムに対する制...

Centos6 で 20TB を超えるディスクをパーティション分割してフォーマットするためのサンプル コード

1. サーバー環境の構成: 1. ディスクパーティションを確認します。最近、あるプロジェクト内のサー...

HTML でフォーム コントロールを無効にする 2 つの方法: readonly と disabled

Web ページを作成する過程では、フォームがよく使用されます。しかし、フォーム上のコントロールを変更...

js SMS認証コード入力ボックスを手動で実装する

序文この記事では、私が手動で実装したフロントエンドの一般的な SMS 認証コード入力コンポーネントと...

MySQL でテーブルを削除する 3 つの方法 (要約)

ドロップテーブルドロップはテーブル情報を直接削除するため、最も高速ですが、データを取得することはでき...

CSS で水平方向と垂直方向に中央揃えする 10 の方法を教えます (要約)

面接には必需品、仕事でも必ず使います。うーん、誰でも分かるでしょう。これ以上何も言わずに、要約とレン...