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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
モニターは消耗品
下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…
-
-
ホームページ色名一覧
ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…
-
-
アンカーリンクをクリックした時にスクロールして移動する
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。 この機能は、普通に指定する…
-
-
ホームページを外注したいけれど、いくら掛かるのか不安…
コンサルタントとして独立して活動すると、契約を結ぶ際にウェブサイト制作を一緒に受注することは意外と多いもの。でも、ウェブサイトの…
-
-
あなたの給料が少ない理由
【不況だから】なんて理由ではありません。その理由はコレ 優秀な技術者にそれ相応の給料が支払われない理由http://blog.o…
-
-
★セミナー大成功でした。ありがとうございます。
先日開催した ホームページ作成セミナー。無事、大盛況にて開催することが出来ました。 参加していただいた皆さまありがとうございます…
-
-
SEOに使えるGoogle検索の便利な機能
「site:」「linkdomain:」などは、頻繁に使いますね。 目次1 「site:」は、2 「linkdomain:」は、…
-
-
jQueryを使ってサイトツアーを作る方法
これはいつか使いそう。 というか、必ず使いたい！ jQueryを使ってサイトツアーを作る方法 – IDEA*IDEA…
-
-
Googleがついに順位決定に表示速度を使い始めた。
日々変化を続けるＳＥＯ対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
-
-
ホームページ作成用語集：Internet Explorer（インターネットエクスプローラー）
マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…