
スキルアップ
2021.04.15
社会人におすすめなプログラミングスクールの条件とは?目的別25校と選び方
突然ですが、社会人に最適なプログラミングスクールの条件とは何かをご存じですか?本記事では「未経験からIT業界に就職したい」「今の職場でスキルアップしてから転職したい」という20代~30代に向けて、元エンジニアがおすすめの […]
JavaScript
2017.11.07
String オブジェクトのreplace メソッドは、ある文字列を他の文字列に置換する際に使用します。
今回は、このreplace メソッドの使用方法を紹介します。
String オブジェクトのreplace メソッドは、文字列の置換を行うために用意されたメソッドです。
replace メソッドは、次のように記述します。
文字列変数.replace( 置換前文字列, 置換後文字列 );
replace メソッドを使用して、「 / 」を「 ? 」に置き換えます。
置換ボタンをクリックしてみて下さい。
ソースコードは次の通りです。
<script type="text/javascript">
<!--
window.onload = function(){
//一桁の数字を0埋め
var fm = function(num) {
num += "";
if (num.length == 1) {
num = "0" + num;
}
return num;
};
var dt = new Date();
document.getElementById("dat").value
= fm(dt.getMonth() + 1) + "/" + fm(dt.getDate());
}
function repStr() {
var str = document.getElementById("dat").value;
//置換処理
document.getElementById("dat2").value = str.replace("/", "?");
}
// -->
</script>
<div style="background-color : #CCC; padding : 20px 10px 1px;">
「 / 」を「 ? 」に置換します
<div style="display:inline-flex;">
<input type="text" id="dat">
<input type="button" value="置換" onClick="repStr()">
<input type="text" id="dat2">
</div>
</div>
先ほどのサンプルと同様の方法で、年月日の表示について「/」を「?」に置換すると、次のようになります。
置換ボタンをクリックしてみて下さい。
replaceメソッドを「str.replace("/", "?");
」のように使用すると、文字列str の中で、最初に登場する「 / 」のみが「 ? 」に置き換えられます。
最初に登場する文字列だけでなく、全ての文字列を置き換えたい場合は、正規表現を用いて記述します。
正規表現とは、文字列内で文字の組み合わせを照合するために用いられるパターンのことです。
JavaScript では、RegExpオブジェクト の execメソッド と test メソッド、Stringオブジェクト の matchメソッド、replaceメソッド、searchメソッド、split メソッド で正規表現が使用できます。
replaceメソッドを使用して、指定した文字列に一致するテキストを全てを置き換えたい場合は、正規表現を用いて、次のように記述します。
文字列変数.replace( / 置換前文字列 /g, 置換後文字列 );
このように、スラッシュで囲まれた文字列が、正規表現リテラルのパターンとなります。
正規表現の後ろに記述する「 g 」は グローバルサーチという正規表現フラグで、指定した正規表現リテラルのパターンにマッチする全ての文字列を返します。
replaceメソッドの中で、正規表現とグローバルサーチを記述すると、指定した文字列に一致するテキストを全てを置き換えることができます。
先ほどのサンプルを、正規表現とグローバルサーチを使用して置換すると、次のようになります。
置換ボタンをクリックしてみて下さい。
ソースコードは次の通りです。
<script type="text/javascript">
<!--
window.onload = function(){
//一桁の数字を0埋め
var fm = function(num) {
num += "";
if (num.length == 1) {
num = "0" + num;
}
return num;
};
var dt = new Date();
document.getElementById("dat").value
= dt.getFullYear() + "/" + fm(dt.getMonth() + 1) + "/" + fm(dt.getDate());
}
function repStr() {
var str = document.getElementById("dat").value;
//置換処理
document.getElementById("dat2").value = str.replace(///g, "?");
}
// -->
</script>
<div style="background-color : #CCC; padding : 20px 10px 1px;">
「 / 」を「 ? 」に置換します
<div style="display:inline-flex;">
<input type="text" id="dat">
<input type="button" value="置換" onClick="repStr()">
<input type="text" id="dat2">
</div>
</div>
「str.replace("/", "?");
」では 文字列strの中の最初の「/」のみが「?」に置換されましたが、「str.replace(///g, "?");
」と記述することで、文字列strの中の全ての「/」が「?」に置換されました。
スキルアップ
2021.04.15
突然ですが、社会人に最適なプログラミングスクールの条件とは何かをご存じですか?本記事では「未経験からIT業界に就職したい」「今の職場でスキルアップしてから転職したい」という20代~30代に向けて、元エンジニアがおすすめの […]
スキルアップ
2021.04.15
Webディレクターとは、Webサイト制作や、企画、運用の現場においてリーダーの役割を担う職種です。多くの業務をこなすため大変な仕事ではありますが、その分やりがいや魅力もある仕事です。本記事では、Webディレクターの具体的 […]
スキルアップ
2021.04.14
IT業界やエンジニアという職種に対してなんとなくイメージは持っているものの、具体的にどんな仕事をしているのか詳しく知らないという方もいらっしゃるでしょう。本記事では、IT業界とはどんな業界なのかをわかりやすく解説。各業種 […]
スキルアップ
2021.04.02
IT業界未経験からITエンジニアへ転職しようとするとき、強い味方になってくれるのが資格です。IT系の資格試験には数多くの種類があり、取得することでスキルの証明が可能。本記事では、未経験者が就職を有利にするためのおすすめ資 […]
スキルアップ
2021.04.01
「プログラミングができると就活が余裕らしいけど、大学生のうちにプログラミングを学ぶメリットって何?」と考えている方に向けて、本記事では元エンジニアである筆者がこれまでの経験則をもとに、在学中にプログラミングを学習するメリ […]
スキルアップ
2021.04.01
【2021年最新】いざJava SE 11のBronze資格にチャレンジしようと思っても「申込方法が複雑すぎて難しい…」と困っている方も多いのでは?本記事では、2020年に新しくなったOracle認定Javaプログラマ試 […]
INTERNOUS,inc. All rights reserved.