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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ホームページ色名一覧
ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…
-
-
究極のCPUクーラー？PCを水槽で動かしている驚きの映像
ホームページ作成にはパソコンが必須。 最近、気温が上がってきたのでパソコンが熱くなりすぎると動作が遅くなってしまいますよね。 そ…
-
-
VALUE-DOMAINでドメインを取得する方法
○空きドメイン検索 こちらのページから取得したいドメインを検索してみましょう。 ↓ ↓ ↓バリュードメイン 「希望ドメイン名」…
-
-
Twitterからホットなキーワードを抽出する方法
こうゆうのって直接的に何かに役立つ！ って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…
-
-
facebookファンページの投稿をTwitterへのツイートに連動
facebookのほうが文字数が多いので、若干、使いにくいかもしれませんが、やりたい人はこちらを参考にどぞ。 《参考記事》NPO…
-
-
クリックしたくなるバナーボタンの色は？
成約率にとても大きな影響を与える「お申し込みボタン」 このボタンがどんなボタンかで、クリックされる数が変わってくるのでいろいろ工…
-
-
30秒ですっきり! 理系のためのオフィス系ストレッチ
パソコンを１日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…
-
-
Photoshop無料レイヤースタイル＆ベクトルデータ＆ブラシ＆プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
２ヶ月でYahoo!２位達成！！
弊社のSEOツールをご利用いただいたお客様が 《ビリヤード 練習》のキーワードで こちらのホームページが、http://bit.…
-
-
ホームページを外注したいけれど、いくら掛かるのか不安…
コンサルタントとして独立して活動すると、契約を結ぶ際にウェブサイト制作を一緒に受注することは意外と多いもの。でも、ウェブサイトの…