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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
IE6でclearfixのためにoverflow:hidden指定するときの注意事項
要素をfloatしたときに、その親要素に overflow:hidden; を設定することは良くあると思います。その際は、Int…
-
-
内部SEO対策：ページタイトル作成における５つの基本
ページタイトルはホームページのテキストの中でも、検索エンジンのロボットが特に重要視している部分です。 ページタイトルを工夫するこ…
-
-
モニターは消耗品
下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…
-
-
Facebookだけじゃダメ。他のメディアも使わないと！
Facebookを活用して集客することはもちろん可能ですが、Facebookは他のメディアと組み合わせてこそ、その本領を発揮しま…
-
-
自己紹介をします！
株式会社ウィズダム・デザイン 代表取締役 白鳥 友康 Tomoyasu Shiratori 1976年12月14日生まれ 埼玉県…
-
-
商品画像を拡大して魅せる
この拡大の方法はちょっと面白いかもhttp://www.cecile.co.jp/detail/3/CTCV1E000005/
-
-
VALUE-DOMAINでドメインを取得する方法
○空きドメイン検索 こちらのページから取得したいドメインを検索してみましょう。 ↓ ↓ ↓バリュードメイン 「希望ドメイン名」…
-
-
Googleがついに順位決定に表示速度を使い始めた。
日々変化を続けるＳＥＯ対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
-
-
内部SEO対策：<title>タイトルタグについて(2)
―知っておきたいSEO対策の基礎２ 目次1 キーワードを適切に含める2 興味を惹くかどうか？3 よくある間違い4 タイトルを使っ…
-
-
エントリーフォーム最適化（EFO）でお問い合わせの数を増やす。その1
ウェブサイトの改善では「入口」と「出口」を最適化することが最も重要です。「入口」の話は、SEOやら、PPCやら、いろいろあるので…