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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
★2000円でコンサルが受けられます
今日は《ホームページ更新 共同作業会》のお知らせです。 実はこの作業会、参加率が低くてビックリしています。 ホームページで商品を…
-
-
★プロのウェブデザイナーに直接質問できるチャンスです
最近、熱帯魚を飼い始めた白鳥です（笑） 水草と熱帯魚を入れた水槽を見るとアルファ波が出て集中力がアップするそうですよ。 さて、ホ…
-
-
Twitterからホットなキーワードを抽出する方法
こうゆうのって直接的に何かに役立つ！ って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…
-
-
日本語で学べるHTML5関連資料15個まとめ
英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…
-
-
Photoshop CS4のオンラインスクールをデジハリが無料で提供
我が卒業校でもあるデジハリが無料でPhotoshop講座を提供しているようです。 ○Photoshopを持っているけど、うまく使…
-
-
【制作事例】 吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー
吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
Facebookカバー画像もPhotoshop無しで簡単に作れる
Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…
-
-
SEOに使えるGoogle検索の便利な機能
「site:」「linkdomain:」などは、頻繁に使いますね。 目次1 「site:」は、2 「linkdomain:」は、…
-
-
★ホームページを公開したら最初にやるべきこと２４セミナー やります
「ホームページを公開したけれど、次に何をすれば良いか分からない」 というあなたに、ホームページを公開したら必ずするべきことを分か…
-
-
２ヶ月でYahoo!２位達成！！
弊社のSEOツールをご利用いただいたお客様が 《ビリヤード 練習》のキーワードで こちらのホームページが、http://bit.…