teratail
回答率
85.48%
質問するログイン新規登録
トップJavaScriptに関する質問文字列の特定のキーワード以降を削除するにはどうしたら良いでしょうか？

編集履歴

回答編集履歴

3

修正

2017/03/02 08:54

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- 質問者さんの実現したいことを行うには、以下の3つの方法があります。
1
+ 質問者さんの実現したいことを行うには、以下の5つの方法があります。
2
2
 
3
3
  0. [substringメソッド](http://www.ajaxtower.jp/js/string_class/index7.html)を利用する。
4
4
 

2

修正

2017/03/02 08:54

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -48,7 +48,9 @@
48
48
 
49
49
  var str = "ごりららっぱりんごごりら";
50
50
 
51
+ var word = str.indexOf("りんご");
52
+
51
- var result1 = str.substring(0, str.indexOf("りんご"));
53
+ var result1 = (~word) ? str.substring(0, word) : "該当結果なし。";
52
54
 
53
55
  document.getElementById("box").textContent = "結果1: " + result1;
54
56
 
@@ -96,7 +98,9 @@
96
98
 
97
99
  var str = "ごりららっぱりんごごりら";
98
100
 
101
+ var word = /りんご.*/;
102
+
99
- var result2 = str.replace(/りんご.*/, "");
103
+ var result2 = (~str.search(word)) ? str.replace(word, "") : "該当結果なし。";
100
104
 
101
105
  document.getElementById("box").textContent = "結果2: " + result2;
102
106
 
@@ -144,7 +148,7 @@
144
148
 
145
149
  var str = "ごりららっぱりんごごりら";
146
150
 
147
- var result3 = str.split("りんご")[0];
151
+ var result3 = (str.split("りんご").length !== 1) ? str.split("りんご")[0] : "該当結果なし。";
148
152
 
149
153
  document.getElementById("box").textContent = "結果3: " + result3;
150
154
 
@@ -192,7 +196,9 @@
192
196
 
193
197
  var str = "ごりららっぱりんごごりら";
194
198
 
195
- var result4 = str.slice(0, str.indexOf("りんご"));
199
+ var word = str.indexOf("りんご");
200
+
201
+ var result4 = (~word) ? str.slice(0, word) : "該当結果なし。";
196
202
 
197
203
  document.getElementById("box").textContent = "結果4: " + result4;
198
204
 
@@ -240,7 +246,9 @@
240
246
 
241
247
  var str = "ごりららっぱりんごごりら";
242
248
 
243
- var result5 = str.substr(0, str.indexOf("りんご"));
249
+ var word = str.indexOf("りんご");
250
+
251
+ var result5 = (~word) ? str.substr(0, word) : "該当結果なし。";
244
252
 
245
253
  document.getElementById("box").textContent = "結果5: " + result5;
246
254
 

1

追記、修正

2017/03/02 08:50

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -6,6 +6,10 @@
6
6
 
7
7
  0. [splitメソッド](http://www.ajaxtower.jp/js/string/index1.html)を利用する。
8
8
 
9
+ 0. [sliceメソッド](http://www.ajaxtower.jp/js/string_class/index6.html)を利用する。
10
+
11
+ 0. [substrメソッド](http://www.ajaxtower.jp/js/string_class/index8.html)を利用する。
12
+
9
13
 
10
14
 
11
15
  **substringメソッドの場合**
@@ -44,9 +48,9 @@
44
48
 
45
49
  var str = "ごりららっぱりんごごりら";
46
50
 
47
- var result1 = str.substring(0, str.indexOf('りんご'));
51
+ var result1 = str.substring(0, str.indexOf("りんご"));
48
-
52
+
49
- document.getElementById("box").innerText = "結果1: " + result1;
53
+ document.getElementById("box").textContent = "結果1: " + result1;
50
54
 
51
55
  </script>
52
56
 
@@ -94,7 +98,7 @@
94
98
 
95
99
  var result2 = str.replace(/りんご.*/, "");
96
100
 
97
- document.getElementById("box").innerText = "結果2: " + result2;
101
+ document.getElementById("box").textContent = "結果2: " + result2;
98
102
 
99
103
  </script>
100
104
 
@@ -142,12 +146,108 @@
142
146
 
143
147
  var result3 = str.split("りんご")[0];
144
148
 
145
- document.getElementById("box").innerText = "結果3: " + result3;
149
+ document.getElementById("box").textContent = "結果3: " + result3;
146
-
150
+
147
- </script>
151
+ </script>
148
-
152
+
149
- </body>
153
+ </body>
150
-
154
+
151
- </html>
155
+ </html>
152
-
156
+
153
- ```
157
+ ```
158
+
159
+ **sliceメソッドの場合**
160
+
161
+ ```HTML
162
+
163
+ <!DOCTYPE html>
164
+
165
+ <html lang="ja">
166
+
167
+ <head>
168
+
169
+ <meta charset="utf-8">
170
+
171
+ <title>タイトル</title>
172
+
173
+ <style type="text/css">
174
+
175
+ * {
176
+
177
+ margin: 0;
178
+
179
+ padding: 0;
180
+
181
+ }
182
+
183
+ </style>
184
+
185
+ </head>
186
+
187
+ <body>
188
+
189
+ <div id="box"></div>
190
+
191
+ <script>
192
+
193
+ var str = "ごりららっぱりんごごりら";
194
+
195
+ var result4 = str.slice(0, str.indexOf("りんご"));
196
+
197
+ document.getElementById("box").textContent = "結果4: " + result4;
198
+
199
+ </script>
200
+
201
+ </body>
202
+
203
+ </html>
204
+
205
+ ```
206
+
207
+ **substrメソッドの場合**
208
+
209
+ ```HTML
210
+
211
+ <!DOCTYPE html>
212
+
213
+ <html lang="ja">
214
+
215
+ <head>
216
+
217
+ <meta charset="utf-8">
218
+
219
+ <title>タイトル</title>
220
+
221
+ <style type="text/css">
222
+
223
+ * {
224
+
225
+ margin: 0;
226
+
227
+ padding: 0;
228
+
229
+ }
230
+
231
+ </style>
232
+
233
+ </head>
234
+
235
+ <body>
236
+
237
+ <div id="box"></div>
238
+
239
+ <script>
240
+
241
+ var str = "ごりららっぱりんごごりら";
242
+
243
+ var result5 = str.substr(0, str.indexOf("りんご"));
244
+
245
+ document.getElementById("box").textContent = "結果5: " + result5;
246
+
247
+ </script>
248
+
249
+ </body>
250
+
251
+ </html>
252
+
253
+ ```