JavaScriptでマルチバイト文字列を決まった長さで省略する方法
投稿日時：
最終更新日時：2015/03/16 20:03
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。
デザインの都合でエリアに入力できる文字数が決まっていて
マルチバイトで○文字分みたいな切り出しをしたい場合があります。
でもマルチバイトとシングルバイトが混合している文字列の場合、
JavaScriptだと、これがなにげに難しかったりしますね。
そんなときはに役立つサンプルスクリプトです。
/**
文字列を省略する
@arg text 省略する文字列
@arg len 半角文字数で指定
@arg truncation 省略時の文字列
*/
function substr(text, len, truncation) {
var count = 0;
var str = '';
for (i=0; i
n = escape(text.charAt(i));
if (n.length < 4) count++; else count+=2;
if (count>len) {return str+truncation;}
str += text.charAt(i);
}
return text;
}
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ホームページ作成用語集：FTPソフト（エフティーピーソフト）
FTPを使ってファイルを送受信するためのソフトウェア。主にサーバーとのファイルの送受信に利用します。 フリーソフトのFFFTPが…
-
-
Photoshop のびっくりショートカット
小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…
-
-
ホームページ制作の外注先を探すのが、とても楽な世の中になりました。
「クラウドソーシング」という言葉をご存知ですか？ クラウドは「Cloud（雲）」ではなく「Crowd（群衆）」のクラウドです。ウ…
-
-
tableレイアウトとCSSレイアウト
この業界にお世話になってから10年が経ちますが、HTMLのコーディング方法は、かなり変化してきました。 最初は、tableタグを…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
本当の自己紹介
◆とあるセミナーにプチ講師として話しをする機会があり 自己紹介を見直しています。 そもそも自己紹介とは何なのか？ ということ…
-
-
ホームページ作成用語集：インターネット
世界中のコンピュータを繋いだネットワークのこと。 インターネットに接続することで、電子メールのやり取りやホームページを見ることが…
-
-
エントリーフォーム最適化（EFO）でお問い合わせの数を増やす。その3
エントリーフォーム最適化（EFO）のポイント、前回の続きです。 目次1 ★魅力的な文章で入力を促す2 ★「クリア」ボタンは必要な…
-
-
ウェブサイトの出口をしっかり整理する
ウェブサイトは、入口と出口が最も重要です。多くのウェブサイトは、お問い合わせフォームが出口になることが多いですよね。そういったメ…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…