JS中 常用排序和forEach()的小坑记录。

2021-09-08  本文已影响0人  lazy_tomato

START

冒泡排序

代码

    // 我们的目标呢就是对一个数组进行排序 

    // 1.声明一个数组,这里简便起见呢,我就随便模拟一下数据。
    var arr = [1,2,5,3,1,23,5,7,10];


    //外层循环,控制比较次数,每一次找到一个最大值  (由于最后一个不需要比较,所以这里和后面的for循环都减1)
    for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数,并且判断两个数的大小
        for (var j = 0; j < arr.length - 1 - i; j++) {
            // 白话解释:如果前面的数大,放到后面(当然是从小到大的冒泡排序)
            if (arr[j] > arr[j + 1]) {
                var temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = temp;
            }
        }
 
    }


    console.log(arr);//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]

快速排序

循环有关特殊的细节

1.JS中的forEach() 无法修改元素的值?

听同事吐槽,说到js中forEach()无法修改元素的值?我听他说有点疑惑,随即特意去尝试了一下啊,发现这东西还挺有意思的,hh以前没注意到,记录一下。

1.1如果数组中是基础类型数据,无法直接修改item(元素)

 // 1. 如果数组中是基础类型数据,无法直接修改item(元素)
 var arr=[1,2,3,4,5]
 arr.forEach(item=>{
     if(item===2){
         item="我的值被修改了"
     }
 })
 console.log(arr)   //[ 1, 2, 3, 4, 5 ]

1.2 如果数组中是基础类型数据,无法直接修改item(元素),非要修改,可以通过数组本身加索引的方式去修改

 // 2. 如果数组中是基础类型数据,无法直接修改item(元素),非要修改,可以通过数组本身加索引的方式去修改
 var arr=[1,2,3,4,5]
 arr.forEach((item,index)=>{
     if(item===2){
         arr[index]="我的值被修改了"
     }
 })
 console.log(arr)   //  [ 1, '我的值被修改了', 3, 4, 5 ]

1.3如果数组中是引用数据类型,可直接修改item(元素)的属性

// 3.如果数组中是引用数据类型,可直接修改item(元素)的属性
var arr = [
    { name: "1" },
    { name: "2" },
    { name: "3" },
    { name: "4" },
    { name: "5" }]

arr.forEach((item, index) => {
    if (item.name === '2') {
        item.name = "我的值被修改了"
    }
})
console.log(arr) 
/* 
 打印:

 [
  { name: '1' },
  { name: '我的值被修改了' },
  { name: '3' },
  { name: '4' },
  { name: '5' }
]

*/ 

总结

2.JS中的forEach() 中无法使用 brack; ?

今天突然心血来潮呢,想再循环中使用break; 而平时呢,又喜欢使用forEach(),那么这个问题就出现了。

var arr = [1, 2, 3, 4, 5]
arr.forEach(item => {
    console.log("执行到:", item)
    if (item === 4) {
        console.log('准备执行break')
        break;
    }
})

Illegal break statement
// 翻译过来呢,语法报错!所以记住啊,forEach中不可使用break;

截图


运行截图.png
mdn对forEach()无法跳出循环的解释.png

END

上一篇下一篇

猜你喜欢

热点阅读