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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
SEO対策するキーワードの選び方?メインキーワード編(2)
―知っておきたいSEO対策の基礎9 目次1 最初にコア用語を見つける2 前記事 最初にコア用語を見つける ブレインストーミングと…
-
-
Photoshop無料レイヤースタイル&ベクトルデータ&ブラシ&プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
【制作事例】 吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー
吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…
-
-
Twitterからホットなキーワードを抽出する方法
こうゆうのって直接的に何かに役立つ! って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…
-
-
2ヶ月でYahoo!2位達成!!
弊社のSEOツールをご利用いただいたお客様が 《ビリヤード 練習》のキーワードで こちらのホームページが、http://bit.…
-
-
片手タイピング
ふと思い立って片手タイピングについて調べてみました。 Photoshopを使っているとマウスを離したくないのに文字を入力したい場…
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
内部SEO対策:<title>タイトルタグについて(4)
―知っておきたいSEO対策の基礎2 目次1 よくある間違い1.1 すべてのページに同じのタイトルを設定している1.2 企業名だけ…
-
-
jQueryを使ってサイトツアーを作る方法
これはいつか使いそう。 というか、必ず使いたい! jQueryを使ってサイトツアーを作る方法 – IDEA*IDEA…