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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ホームページ作成用語集：インターネット
世界中のコンピュータを繋いだネットワークのこと。 インターネットに接続することで、電子メールのやり取りやホームページを見ることが…
-
-
ホームページ作成用語集：Flash
Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…
-
-
Photoshop のびっくりショートカット
小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…
-
-
Photoshop無料レイヤースタイル＆ベクトルデータ＆ブラシ＆プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
facebookファンページの投稿をTwitterへのツイートに連動
facebookのほうが文字数が多いので、若干、使いにくいかもしれませんが、やりたい人はこちらを参考にどぞ。 《参考記事》NPO…
-
-
★マーケティングの師匠がセミナーを開催します
インターネットマーケティングというとちょっと小難しい感じがしますが、 要するに 《ホームページの売上をアップする方法》 のことで…
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
Web手続きだけで自作曲をiTunesで配信、クリプトンが代行サービス
このサービスは、音楽業界に新しい流れを生み出すかも。 ドラマのタイアップやＣＭ曲が売れる現状を見ても音楽は聞いてもらってなんぼ。…
-
-
エントリーフォーム最適化（EFO）でお問い合わせの数を増やす。その2
前回、エントリーフォーム最適化（EFO）の大切さについてお伝えしましたが、今回は実際にどの部分を修正すれば良いのかを説明していき…
-
-
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester
ホームページを公開するときに大切なのが、複数のブラウザで表示を確認すること。 Internet ExplorerFirefoxG…