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が…
-
-
HTML5のcanvasでランキング描画 – まつぼっくりんご
こうゆうのは後々使うときありますね。canvasはアイディア次第でいろいろと。 HTML5のcanvasでランキング描画 …
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
あなたの給料が少ない理由
【不況だから】なんて理由ではありません。その理由はコレ 優秀な技術者にそれ相応の給料が支払われない理由http://blog.o…
-
-
手のひらサイズのプロジェクタ
海連、LED光源を使った手のひらサイズのプロジェクタ?LCOSを採用し、1mで25型投射可能。41,790円http://av.…
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
知らなくて損していませんか？
今日は、とっても暖かくて気持ちのいい一日でしたね。やっぱり寒いより暑い方が好きな白鳥です。 ★毎回好評の《初心者向けホームページ…
-
-
ホームページ作成セミナー無事終了しました。ありがとうございます。
先日開催した ホームページ作成セミナー。 目玉が飛び出るほどのトラブルがありましたが、無事終了することが出来ました。 参加してい…
-
-
XREAで独自ドメインを設定する方法
★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…