回答編集履歴
3
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
質問者さんの実現したいことを行うには、以下の
|
|
1
|
+
質問者さんの実現したいことを行うには、以下の5つの方法があります。
|
|
2
2
|
0. [substringメソッド](http://www.ajaxtower.jp/js/string_class/index7.html)を利用する。
|
|
3
3
|
0. [replaceメソッド](http://mmorley.hatenablog.com/entry/2016/05/26/010042)を利用する。
|
|
4
4
|
0. [splitメソッド](http://www.ajaxtower.jp/js/string/index1.html)を利用する。
|
2
修正
answer
CHANGED
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
<div id="box"></div>
|
|
24
24
|
<script>
|
|
25
25
|
var str = "ごりららっぱりんごごりら";
|
|
26
|
+
var word = str.indexOf("りんご");
|
|
26
|
-
var result1 = str.substring(0,
|
|
27
|
+
var result1 = (~word) ? str.substring(0, word) : "該当結果なし。";
|
|
27
28
|
document.getElementById("box").textContent = "結果1: " + result1;
|
|
28
29
|
</script>
|
|
29
30
|
</body>
|
|
@@ -47,7 +48,8 @@
|
|
|
47
48
|
<div id="box"></div>
|
|
48
49
|
<script>
|
|
49
50
|
var str = "ごりららっぱりんごごりら";
|
|
51
|
+
var word = /りんご.*/;
|
|
50
|
-
var result2 = str.
|
|
52
|
+
var result2 = (~str.search(word)) ? str.replace(word, "") : "該当結果なし。";
|
|
51
53
|
document.getElementById("box").textContent = "結果2: " + result2;
|
|
52
54
|
</script>
|
|
53
55
|
</body>
|
|
@@ -71,7 +73,7 @@
|
|
|
71
73
|
<div id="box"></div>
|
|
72
74
|
<script>
|
|
73
75
|
var str = "ごりららっぱりんごごりら";
|
|
74
|
-
var result3 = str.split("りんご")[0];
|
|
76
|
+
var result3 = (str.split("りんご").length !== 1) ? str.split("りんご")[0] : "該当結果なし。";
|
|
75
77
|
document.getElementById("box").textContent = "結果3: " + result3;
|
|
76
78
|
</script>
|
|
77
79
|
</body>
|
|
@@ -95,7 +97,8 @@
|
|
|
95
97
|
<div id="box"></div>
|
|
96
98
|
<script>
|
|
97
99
|
var str = "ごりららっぱりんごごりら";
|
|
98
|
-
var
|
|
100
|
+
var word = str.indexOf("りんご");
|
|
101
|
+
var result4 = (~word) ? str.slice(0, word) : "該当結果なし。";
|
|
99
102
|
document.getElementById("box").textContent = "結果4: " + result4;
|
|
100
103
|
</script>
|
|
101
104
|
</body>
|
|
@@ -119,7 +122,8 @@
|
|
|
119
122
|
<div id="box"></div>
|
|
120
123
|
<script>
|
|
121
124
|
var str = "ごりららっぱりんごごりら";
|
|
122
|
-
var
|
|
125
|
+
var word = str.indexOf("りんご");
|
|
126
|
+
var result5 = (~word) ? str.substr(0, word) : "該当結果なし。";
|
|
123
127
|
document.getElementById("box").textContent = "結果5: " + result5;
|
|
124
128
|
</script>
|
|
125
129
|
</body>
|
1
追記、修正
answer
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
0. [substringメソッド](http://www.ajaxtower.jp/js/string_class/index7.html)を利用する。
|
|
3
3
|
0. [replaceメソッド](http://mmorley.hatenablog.com/entry/2016/05/26/010042)を利用する。
|
|
4
4
|
0. [splitメソッド](http://www.ajaxtower.jp/js/string/index1.html)を利用する。
|
|
5
|
+
0. [sliceメソッド](http://www.ajaxtower.jp/js/string_class/index6.html)を利用する。
|
|
6
|
+
0. [substrメソッド](http://www.ajaxtower.jp/js/string_class/index8.html)を利用する。
|
|
5
7
|
|
|
6
8
|
**substringメソッドの場合**
|
|
7
9
|
```HTML
|
|
@@ -21,8 +23,8 @@
|
|
|
21
23
|
<div id="box"></div>
|
|
22
24
|
<script>
|
|
23
25
|
var str = "ごりららっぱりんごごりら";
|
|
24
|
-
var result1 = str.substring(0, str.indexOf(
|
|
26
|
+
var result1 = str.substring(0, str.indexOf("りんご"));
|
|
25
|
-
document.getElementById("box").
|
|
27
|
+
document.getElementById("box").textContent = "結果1: " + result1;
|
|
26
28
|
</script>
|
|
27
29
|
</body>
|
|
28
30
|
</html>
|
|
@@ -46,7 +48,7 @@
|
|
|
46
48
|
<script>
|
|
47
49
|
var str = "ごりららっぱりんごごりら";
|
|
48
50
|
var result2 = str.replace(/りんご.*/, "");
|
|
49
|
-
document.getElementById("box").
|
|
51
|
+
document.getElementById("box").textContent = "結果2: " + result2;
|
|
50
52
|
</script>
|
|
51
53
|
</body>
|
|
52
54
|
</html>
|
|
@@ -70,8 +72,56 @@
|
|
|
70
72
|
<script>
|
|
71
73
|
var str = "ごりららっぱりんごごりら";
|
|
72
74
|
var result3 = str.split("りんご")[0];
|
|
73
|
-
document.getElementById("box").
|
|
75
|
+
document.getElementById("box").textContent = "結果3: " + result3;
|
|
74
76
|
</script>
|
|
75
77
|
</body>
|
|
76
78
|
</html>
|
|
79
|
+
```
|
|
80
|
+
**sliceメソッドの場合**
|
|
81
|
+
```HTML
|
|
82
|
+
<!DOCTYPE html>
|
|
83
|
+
<html lang="ja">
|
|
84
|
+
<head>
|
|
85
|
+
<meta charset="utf-8">
|
|
86
|
+
<title>タイトル</title>
|
|
87
|
+
<style type="text/css">
|
|
88
|
+
* {
|
|
89
|
+
margin: 0;
|
|
90
|
+
padding: 0;
|
|
91
|
+
}
|
|
92
|
+
</style>
|
|
93
|
+
</head>
|
|
94
|
+
<body>
|
|
95
|
+
<div id="box"></div>
|
|
96
|
+
<script>
|
|
97
|
+
var str = "ごりららっぱりんごごりら";
|
|
98
|
+
var result4 = str.slice(0, str.indexOf("りんご"));
|
|
99
|
+
document.getElementById("box").textContent = "結果4: " + result4;
|
|
100
|
+
</script>
|
|
101
|
+
</body>
|
|
102
|
+
</html>
|
|
103
|
+
```
|
|
104
|
+
**substrメソッドの場合**
|
|
105
|
+
```HTML
|
|
106
|
+
<!DOCTYPE html>
|
|
107
|
+
<html lang="ja">
|
|
108
|
+
<head>
|
|
109
|
+
<meta charset="utf-8">
|
|
110
|
+
<title>タイトル</title>
|
|
111
|
+
<style type="text/css">
|
|
112
|
+
* {
|
|
113
|
+
margin: 0;
|
|
114
|
+
padding: 0;
|
|
115
|
+
}
|
|
116
|
+
</style>
|
|
117
|
+
</head>
|
|
118
|
+
<body>
|
|
119
|
+
<div id="box"></div>
|
|
120
|
+
<script>
|
|
121
|
+
var str = "ごりららっぱりんごごりら";
|
|
122
|
+
var result5 = str.substr(0, str.indexOf("りんご"));
|
|
123
|
+
document.getElementById("box").textContent = "結果5: " + result5;
|
|
124
|
+
</script>
|
|
125
|
+
</body>
|
|
126
|
+
</html>
|
|
77
127
|
```
|