首页JS提示用户输入一组数，然后把这组数装进一个数组，然后对其进行冒泡排序

JS提示用户输入一组数，然后把这组数装进一个数组，然后对其进行冒泡排序

时间: 2024-10-10 09:12:44 浏览: 35

在JavaScript中，你可以创建一个简单的HTML表单让用户输入数字，然后通过JavaScript捕获用户的输入并将其添加到数组中。接着对这个数组进行冒泡排序。以下是实现这一功能的一个基本步骤： 1. HTML部分： ```html <!DOCTYPE html> <html lang="en"> <body> <input type="number" id="inputNumber" placeholder="请输入数字"> <button onclick="addAndSort()">排序</button> <p id="result"></p> </body> </html> ``` 2. JavaScript部分： ```javascript function addAndSort() { // 获取输入框内容，并转换为整数数组 let numbers = Array.from(document.getElementById('inputNumber').value.split(',')).map(Number); // 冒泡排序函数 function bubbleSort(arr) { let len = arr.length; for (let i = 0; i < len - 1; i++) { for (let j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]; // 使用解构赋值交换元素 } } } return arr; } // 排序后显示结果 document.getElementById('result').innerText = '排序后的数组: ' + JSON.stringify(bubbleSort(numbers)); } ``` 在这个例子中，用户输入一系列逗号分隔的数字，点击“排序”按钮会触发`addAndSort`函数，将输入的数字添加到数组并应用冒泡排序算法。

阅读全文