使用JavaScript中的数组实现字符串操作:点击按钮,用户输入3个字符串,输出字符串和对应的长度,具体效果见下图,请编写程序。
时间: 2023-05-13 10:05:17 浏览: 59
好的,以下是使用 JavaScript 中的数组实现字符串操作的代码:
HTML 代码:
```
<input type="text" id="str1" placeholder="输入字符串1">
<input type="text" id="str2" placeholder="输入字符串2">
<input type="text" id="str3" placeholder="输入字符串3">
<button onclick="getLength()">获取长度</button>
<div id="result"></div>
```
JavaScript 代码:
```
function getLength() {
var str1 = document.getElementById("str1").value;
var str2 = document.getElementById("str2").value;
var str3 = document.getElementById("str3").value;
var arr = [str1, str2, str3];
var lenArr = [];
for (var i = 0; i < arr.length; i++) {
lenArr.push(arr[i].length);
}
var result = "";
for (var i = 0; i < arr.length; i++) {
result += arr[i] + " 的长度是 " + lenArr[i] + "<br>";
}
document.getElementById("result").innerHTML = result;
}
```
这段代码会获取用户输入的三个字符串,将它们存储在一个数组中,然后遍历数组,获取每个字符串的长度,将长度存储在另一个数组中。最后,将每个字符串和对应的长度拼接成一个字符串,显示在页面上。