使用 JavaScript 中的数组实现字符串操作:点击按,用户输入3个字符串,输出字符串和对应的长度,具体效果见下图,请编写程序。
时间: 2024-05-02 15:19:26 浏览: 39
可以的,以下是用 JavaScript 实现的代码:
HTML:
```
<input type="text" id="str1">
<input type="text" id="str2">
<input type="text" id="str3">
<button onclick="showLength()">点击查看字符串长度</button>
```
JavaScript:
```
function showLength() {
var str1 = document.getElementById("str1").value;
var str2 = document.getElementById("str2").value;
var str3 = document.getElementById("str3").value;
var arr = [str1, str2, str3];
for (var i = 0; i < arr.length; i++) {
console.log("字符串" + (i+1) + ": " + arr[i] + ",长度为: " + arr[i].length);
}
}
```
以上代码可以在浏览器控制台中运行,或者在 HTML 中引入该 JavaScript 文件后在浏览器中运行。
相关问题
使用JavaScript中的数组实现字符串操作:点击按钮,用户输入3个字符串,输出字符串和对应的长度,具体效果见下图,请编写程序。
好的,以下是使用 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;
}
```
这段代码会获取用户输入的三个字符串,将它们存储在一个数组中,然后遍历数组,获取每个字符串的长度,将长度存储在另一个数组中。最后,将每个字符串和对应的长度拼接成一个字符串,显示在页面上。
使用JavaScript中的数组实现字符串操作:点击按钮,用户输入3个字符串,输出字符串和对应的长度,输入的字符串为:hello,my,friend,每个字符串长度为5,3,6,字符串排序后为:friend,hello,my
以下是使用 JavaScript 中的数组实现字符串操作的代码:
```javascript
// 获取用户输入的字符串
var inputStr = prompt("请输入3个字符串,以逗号分隔");
// 将字符串转换为数组
var strArr = inputStr.split(",");
// 输出字符串和对应的长度
for (var i = 0; i < strArr.length; i++) {
console.log(strArr[i] + " 的长度为:" + strArr[i].length);
}
// 对字符串进行排序
strArr.sort();
// 输出排序后的字符串
console.log("排序后的字符串为:" + strArr.join(","));
```
输出结果为:
```
hello 的长度为:5
my 的长度为:2
friend 的长度为:6
排序后的字符串为:friend,hello,my
```
希望能够帮助到您!
阅读全文