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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
facebookファンページの投稿をTwitterへのツイートに連動
facebookのほうが文字数が多いので、若干、使いにくいかもしれませんが、やりたい人はこちらを参考にどぞ。 《参考記事》NPO…
-
-
ホームページ作成用語集:GIFファイル(ジフファイル)
画像形式のひとつ。256色まで色を制限することでファイルサイズを小さくすることができる。 この特性から、写真など色数が多い画像に…
-
-
HTML5で廃止予定の要素と属性
ブログなどを使って投稿すると、自動的に挿入されてしまうタグが多数ありますね。 現在でも推奨はされていないが、頻繁に使われているタ…
-
-
「Firefox 4」は2010年後半にリリース予定
Firefoxの最新版がいよいよリリースみたいです。 今回のバージョンアップでは「HTML5以降のWeb標準技術への対応」をする…
-
-
手のひらサイズのプロジェクタ
海連、LED光源を使った手のひらサイズのプロジェクタ?LCOSを採用し、1mで25型投射可能。41,790円http://av.…
-
-
とうとうGoogleが電子書籍に参入
いよいよ電子書籍ビジネスが熱くなって来ました。 iPad, iPhone と Kindle の一騎打ちでしょうか。 ネット上で、…
-
-
Google「Chrome 4」正式版リリース – 拡張機能に対応
お気に入りのブラウザ Chrome の最新版がリリースされました。 「インターネットを見る」と言えば、InternetExplo…
-
-
ホームページ作成用語集:Flash
Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…
-
-
30秒ですっきり! 理系のためのオフィス系ストレッチ
パソコンを1日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…
-
-
Googleがついに順位決定に表示速度を使い始めた。
日々変化を続けるSEO対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
