在js中不用push方法的情况下在多个文本框中输入数字然后点击按钮进行排序,排序好的数显示在各自的文本框中
时间: 2023-05-20 13:05:17 浏览: 88
可以使用数组的sort方法来实现排序,而不需要使用push方法。具体实现方法如下:
1. 首先,将每个文本框中的数字存储到一个数组中。
2. 使用数组的sort方法对数组进行排序。
3. 将排序后的数字分别放回到各自的文本框中。
以下是示例代码:
```
// 获取所有文本框
var inputs = document.querySelectorAll('input[type="text"]');
// 存储数字的数组
var nums = [];
// 遍历所有文本框,将数字存储到数组中
for (var i = 0; i < inputs.length; i++) {
nums.push(Number(inputs[i].value));
}
// 对数组进行排序
nums.sort(function(a, b) {
return a - b;
});
// 将排序后的数字分别放回到各自的文本框中
for (var i = 0; i < inputs.length; i++) {
inputs[i].value = nums[i];
}
```
注意:这里使用了Number函数将文本框中的值转换为数字,以便进行比较和排序。如果文本框中的值不是数字,可能会导致排序结果不正确。
相关问题
js中在多个文本框中输入数字然后点击按钮进行排序,排序好的数显示在各自的文本框中
可以使用数组来存储输入的数字,然后使用sort()方法进行排序,最后将排序好的数字分别显示在各自的文本框中。以下是示例代码:
HTML:
```
<input type="text" id="num1">
<input type="text" id="num2">
<input type="text" id="num3">
<button onclick="sortNum()">排序</button>
```
JavaScript:
```
function sortNum() {
var nums = [];
nums.push(parseInt(document.getElementById("num1").value));
nums.push(parseInt(document.getElementById("num2").value));
nums.push(parseInt(document.getElementById("num3").value));
nums.sort(function(a, b){return a-b});
document.getElementById("num1").value = nums[0];
document.getElementById("num2").value = nums[1];
document.getElementById("num3").value = nums[2];
}
```
这段代码将输入的数字存储在数组中,使用sort()方法进行排序,然后将排序好的数字分别显示在各自的文本框中。
js用数组和for循环不用push做在多个文本框中输入数字后点击按钮进行排序
可以使用以下代码实现:
```javascript
// 获取所有文本框的值
var inputs = document.querySelectorAll('input[type="text"]');
var values = [];
for (var i = 0; i < inputs.length; i++) {
values.push(Number(inputs[i].value));
}
// 使用冒泡排序对数组进行排序
for (var i = 0; i < values.length - 1; i++) {
for (var j = 0; j < values.length - i - 1; j++) {
if (values[j] > values[j + 1]) {
var temp = values[j];
values[j] = values[j + 1];
values[j + 1] = temp;
}
}
}
// 将排序后的值依次填入文本框
for (var i = 0; i < inputs.length; i++) {
inputs[i].value = values[i];
}
```
这段代码使用了数组和for循环,但没有使用push方法。它首先获取所有文本框的值,然后使用冒泡排序对这些值进行排序,最后将排序后的值依次填入文本框。
阅读全文