1. Giới thiệu
Bạn đang có một tập các giá trị phần tử trong bảng đang không theo một thứ tự sắp xếp. Bây giờ, bạn muốn sắp xếp chúng theo một trình tự nhất định tăng dần vậy thì bạn cần thực hiện thuật toán Sort mà trong javascript cung cấp cho bạn
2. Thiết kế
Thiết kế giao diện như sau
- Hai textbox
- Hai button
Array:
1
2
| <input type="text"value="var fruit Array = ['apple','peach','lemon','lime'];"style="width: 281px"/> |
Kết quả:
1
2
3
4
| <input type="text"id="txtKQ"/><input type="button"value="Sort Array"onclick="SortArray();"/><br/><br/> |
Array number:
1
2
| <input type="text"value="var number Array = [4, 13, 2, 31, 5];"style="width: 281px"/> |
Kết quả:
1
2
| <input type="text"id="txtNumber"/><input type="button"value="Sort Array Number"onclick="SortArrayNunmber();"/> |
3. Coding
Bạn tiến hành viết coding như sau
1
2
| <scripttype="text/javascript"language="javascript">functionSortArray() { |
- Khai báo một mảng fruit Array
1
| var fruit Array = ['apple', 'peach', 'lemon', 'lime']; |
- Khai báo biến trả về kết quả sắp xếp
1
| var result String = fruit Array.sort(); // apple-peach-lemon-lime |
- Hiển thị vào textbox
1
2
| document.getElementById('txtKQ').value = resultString;} |
- Viết một function sắp xếp mảng số
1
| function Sort Array Nunmber() { |
- Mảng số trên number Array
1
| varnumberArray = [4, 13, 2, 31, 5]; |
- Khai báo kết quả sắp xếp trả về của mảng số
1
2
3
| var result String = numberArray.sort(compareNumbers); document.getElementById('txtNumber').value = resultString;} |
- CompareNumbers là thuật toán sắp xếp trả về của các phần tử
1
2
3
4
| functioncompareNumbers(a, b) {return a - b;}</script> |
Array:
1
2
| <inputtype="text"value="varfruitArray = ['apple','peach','lemon','lime'];"style="width: 281px"/> |
Kết quả:
1
| <inputtype="text"id="txtKQ"/> |
- Gọi hàm Sort Array()
1
2
3
| <input type="button"value="Sort Array"onclick="SortArray();"/><br/><br/> |
Array number:
1
2
| <input type="text"value="var number Array = [4, 13, 2, 31, 5];"style="width: 281px"/> |
Kết quả:
1
| <inputtype="text"id="txtNumber"/> |
- Gọi hàm Sort Array Number()
1
| <inputtype="button"value="Sort Array Number"onclick="SortArrayNunmber();"/> |
4. Kết quả
Comments[ 0 ]
Đăng nhận xét