ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。Facebook、Twitter、YouTube、LINEなど、ソーシャルメディアを活用、集客する方法を無料でお届け。

ソーシャル★マーケティングの教科書 改訂版

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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

Diversity Casual People Web Design Meeting Brainstorming Concept
最も売れるランディングページを作れる人は誰か?

ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…

no image
日本のインターネット普及率がこんなに低かったとは

総務省の発表によるとネット普及率が78.0%とのこと。この数値にあなたはどんな印象を持ちましたか? 総務省、「通信利用動向調査」…

no image
クリックしたくなるバナーボタンの色は?

成約率にとても大きな影響を与える「お申し込みボタン」 このボタンがどんなボタンかで、クリックされる数が変わってくるのでいろいろ工…

Zemanta Related Posts Thumbnail
内部SEO対策:<title>タイトルタグについて(4)

―知っておきたいSEO対策の基礎2 目次1 よくある間違い1.1 すべてのページに同じのタイトルを設定している1.2 企業名だけ…

no image
ホームページ作成用語集:JavaScript(ジャバスクリプト)

ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…

no image
30秒ですっきり! 理系のためのオフィス系ストレッチ

パソコンを1日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…

no image
自己紹介をします!

株式会社ウィズダム・デザイン 代表取締役 白鳥 友康 Tomoyasu Shiratori 1976年12月14日生まれ 埼玉県…

no image
★4/18 ホームページ更新 共同作業会

ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。 そんなときはメールやホームページから…

no image
★マーケティングの師匠がセミナーを開催します

インターネットマーケティングというとちょっと小難しい感じがしますが、 要するに 《ホームページの売上をアップする方法》 のことで…

no image
3大ブラウザのJavaScript実行速度について

昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…