JS数组和方法【一】

冒泡排序

数组排序(冒泡排序)

// 冒泡排序：是一种算法，把一系列的数据按照一定的顺序进行排列显示(从小到大或从大到小)

var arr = [2,3,4,1,2]
for (var i = 0; i < arr.length; i++) {  // 外层循环管趟数
    for (var j = 0; j < arr.length-i-1; j++) {  //里层循环管每一趟的交换次数
        if (arr[j] > arr[j+1]) {  //  内部交换2个变量的值，前一个和后面一个相比较
            var temp = arr[j]
            arr[j] = arr[j+1]
            arr[j+1] = temp
        }
    }
}
console.log(arr)

求数组中最大的值

var arr = [10,20,30,15,13,50,1,100]
var maxNum = arr[0]
for (var i = 1; i < arr.length; i++) {
    maxNum = arr[i]
}
console.log('最大值是',maxNum)

筛选数组

//将数组中大于10的元素选出来，放入新数组
var arr = [10,20,30,15,13,50,1,100]
var newArr = []
var j =0
for (var i = 0; i < arr.length; i++) {
    if(arr[i]>10) {
        newArr[j] = arr[i]
        j ++
    }
}
console.log(newArr)

// 法二
// var arr = [10,20,30,15,13,50,1,100]
// var newArr = [] 
// for (var i = 0; i < arr.length; i++) {
//     if(arr[i] > 10) {
//         newArr[newArr.length] = arr[i]
//     }
// }
// console.log(newArr)

删除指定数组元素

// 将数组中的0去掉

var arr = [10,0,20,30,15,13,50,0,1,100]
var newArr = []
for (var i = 0; i < arr.length; i++) {
    if (arr[i] != 0) {
        newArr[newArr.length] = arr[i]
    }
}
console.log(newArr)

翻转数组

var arr = ['a','b','c']
var newArr = []
for (var i = arr.length-1; i >= 0; i--) {
    newArr[newArr.length] = arr[i]
}
console.log(newArr)

交换两个变量

var num1 = 'a'
var num2 = 'b'
var temp;
temp = num1
num1 = num2
num2 = temp
console.log(num1,num2)

求两个数N- M之间和

function getSum(num1,num2) {
    var sum = 0;
    for (var i = num1; i <= num2 ; i++) {
        sum += i
    }
    console.log(sum)
}
getSum(2,5)

利用函数求任意个数的最大值

function getMax() {
    var max = arguments[0]
    for (var i = 1; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments [i]
        }
    }
    return max
}

console.log(getMax(50,20,30))

利用函数翻转任意数组

function reverse(arr) {
    var newArr = []
    for (var i = arr.length-1; i >= 0; i--) {
        newArr[newArr.length] = arr[i]
    }
    return newArr
}
var arr1 = reverse([10,20,30])
console.log(arr1)

排他思想

ul 是轮播图的，结构是ul li
ol 是轮播下的小圆点，结构是ol li

var ul = document.querySelector('ul')
var ol = document.querySelector('ol')
for (var i = 0; i < ul.children.length; i++) {
    var li = document.createElement('li')
    ol.appendChild(li)
    li.addEventListener('click',function() {
        // 干掉所有人，留下自己
        for (var i = 0; i < ol.children.length; i++) {
            ol.children[i].className= '';
            this.className = 'current'
        }
    })
}
ol.children[0].className = 'current';