ES6解构赋值实现冒泡排序

最新推荐文章于 2024-03-11 14:29:56 发布
最新推荐文章于 2024-03-11 14:29:56 发布
阅读量608 收藏
点赞数
原文链接：http://www.cnblogs.com/web-learning/p/10510689.html
版权

ES6解构赋值实现冒泡排序html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <!-- [2,8,4,1,0,6,5]        
[2,4,8,1,0,6,5]
[2,4,1,8,0,6,5]
[2,4,1,0,8,6,5]
[2,4,1,0,6,8,5]
[2,4,1,0,6,5,8]
第几轮 每一轮的次数
    1   6
    2   5
    3   4
    4   3
    5   2
    6   1 -->
    <script>
        //不使用解构赋值
        // var arr = [8, 2, 4, 1, 0, 6, 5];
        // for (i = 1; i < arr.length; i++) {
        //  for (j = 0; j < arr.length - i; j++) {
        //      if (arr[j] > arr[j + 1]) {
        //          var temp = arr[j];
        //          arr[j] = arr[j + 1];
        //          arr[j + 1] = temp;
        //      }
        //  }
        // }
        // console.log(arr);
    </script>
    <script>
        //使用解构赋值
        var arr = [8, 2, 4, 1, 0, 6, 5];
        var bubbleSort = () => {
            for (i = 1; i < arr.length; i++) {
                for (j = 0; j < arr.length - i; j++) {
                    if (arr[j] > arr[j + 1]) {
                        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
                    }
                }
            }
            return arr;
        }
        bubbleSort(arr);
        console.log(arr);
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/web-learning/p/10510689.html

weixin_30627341
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6解构赋值的功能与用途实例分析
11-30
本文实例讲述了ES6解构赋值的功能与用途。分享给大家供大家参考，具体如下： （1）交换变量的值 [x, y] = [y, x]; 上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。 （2）从函数返回多个值 函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。 // 返回一个数组 function example() { return [1, 2, 3]; } var [a, b, c] = example(); // 返回一个对象 function example() { return { foo: 1,
ES6解构赋值实例详解
08-28
主要介绍了ES6解构赋值,结合实例形式较为详细的分析了ES6结构赋值的基本概念、原理与使用方法,需要的朋友可以参考下
前端排序 - 冒泡、插入、选择三个经典排序，以及es6sort排序
最新发布
chenjinawei的博客
03-11 419
【代码】前端排序 - 冒泡、插入、选择三个经典排序，以及es6sort排序。
ES6 对象的新功能与解构赋值介绍
10-17
主要介绍了ES6 对象的新功能与解构赋值介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6之解构赋值
01-08
解构赋值概念数组的解构赋值对象的解构赋值函数参数的解构赋值用途 概念 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 换句话说也就是ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。 数组的解构赋值 基本用法: let [a, b, c] = [1, 2, 3]; console.log(a,b,c)//1,2,3 let [a, [[b], c]] = [11, [[12], 13]]; console.log(a,b,c)//11,12,13 //本质上，这种写法属于“模式匹配”，只要等号两边
js 冒泡排序法
现在学习也不晚
02-17 1919
var arr = [18,23,53,67,21,45,65,21,45]; function sort(myArr){ for(var i = 0; i<myArr.length; i++){ for(var j = 0; j<myArr.length-1; j++){ if(myA
数组的解构赋值
lzz141_cn的博客
05-16 151
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构let [a, b, c] = [1, 2, 3]; 上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。let [foo, [[bar], baz]] = [1, [[2], 3]]; f...
JavaScript 用两种方法实现 冒泡排序(解构赋值)
mikibiubiu的博客
07-15 521
冒泡排序： 是一种交换排序。 交换排序：两两比较待排序元素，发现2个元素次序相反则进行交换，直到没有反序的元素为止。 冒泡排序：通过无序区中相邻记录的关键字间的比较和位置的交换，使关键字最小的元素如气泡似的逐步上浮直水面。有序区逐渐扩大，无序区逐渐缩小。 如下图举例： 开始时：有序区长度为0，无序区长度为6； 第一次冒泡如下： 从队尾向队首逐步两两比较交换，向气泡一样移动。 随着逐步冒泡，有序区扩...
ES6算法---冒泡排序 Bubble Sort
花神的博客
05-05 5357
原理：依次比较、交换相邻的元素大小 时间复杂度 最优时间复杂度：O(n^2) 最坏时间复杂度：O(n) 稳定性：稳定 实现方式1 function buddle_sort(arr) { let len = arr.length - 1 for (let j = 0; j &amp;amp;lt; len; j++) { for (let i = 0; i &amp;amp;lt; len - ...
es6 数组排序_JavaScript面经之冒泡排序
weixin_39599046的博客
11-14 325
文/大白老师图/大白老师我们去大厂面试前端的时候，最容易被问及的一个内容就是排序，而其中，冒泡排序作为最基础的排序算法，很多时候是被要求进行手写代码的，面试官通过对手写代码的考察，可以看出求职者的算法基础功底、JavaScript语言功底以及在开发时，对变量的语义化水平。下面，大白老师将对冒泡排序的原理进行讲解。01冒泡排序原理假设数组中有n个数，比较相邻两个数的大小，若前者大于后者，则两数交换位...
冒泡排序的三种不同写法交换变量,解构赋值,异或
qq_48041410的博客
09-05 312
冒泡排序的三种不同写法 交换变量 let arr = [1, 2, 5, 4, 8, 7, 9, 6, 3]; for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j + 1] > arr[j]) { let current = arr[j];
深入理解ES6之解构
吴蕴强的博客
03-12 5740
深入理解ES6之var,let,const区别 深入理解ES6之函数 深入理解ES6之对象 深入理解ES6之类 深入理解ES6之Promise与异步编程 深入理解ES6之模块 一：为什么用解构： 在之前提取数据对象需要逐个赋值，可能会为了一个小数据挖掘整个机构，ES6给数组和对象添加了解构可以方便提取数据。 二：对象解构： 1: let node = { typ...
ES6新特性：利用解构赋值 (destructuring assignment)， 简化代码
weixin_33904756的博客
05-07 230
　　本文的Demo的运行环境为nodeJS， 参考：让nodeJS支持ES6的词法----babel的安装和使用 ； 　　解构赋值是一种表达式， 利用这种新语法， 可以直接从数组或者对象中快速提取值 赋值给不同的变量， 利用这种写法的好处是减少了代码量， 一定程度优化了代码， 也有一点缺点就是阅读代码不再那么直观了。 　　解构赋值最简单的例子　　 &lt;script&gt; ...
es6实现冒泡排序，选择排序，插入排序，归并排序，快速排序，桶排序
zsnpromsie的博客
04-23 2086
class ArrayList { constructor() { this.array = [] } insert (...item) { this.array.push(...item) } toString () { return this.array.join() } // 冒泡排序: 比较两个相邻的项，如果第一个大于第二个则交换他们的位...
JS中的解构赋值
dream_start_at_2017的博客
01-24 967
今天又长见识了，在写算法题中的冒泡排序的时候，看某位大神整理的答案时，发现一个神奇的写法： [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]] 瞬间的我是懵逼状态，哈哈哈，啊这是啥啊？？？ 然后各种查阅发现，这原来是学过的结构赋值，哈哈，我呆了，一起来复习一下吧 数组的结构赋值： <script> let [a,b] = [1,2,3]; console.log(a,b); </script> 结果： 数组的解构
JavaScript基础系列之二 函数
胡杰的专栏
08-23 456
函数 函数定义和调用 变量作用域 方法 高阶函数 map/reduce filter sort 闭包 箭头函数 generator
ES6新语法日常笔记（最简单的数组去重/冒泡排序/反转字符串）
qq_41887655的博客
08-21 907
扩展运算符的作用 1.可以快速的将一个类数组集合转为纯数组 2.深拷贝数组 var arr1 = [1,2,3]; var arr2 = […arr1]； 3.快速合并数组 var arr = […a,…b,…c]； 4.用于解构赋值 let [a,b,c…args] = [1,2,3,4,5]； 5.字符串转数组 let arr = […str]； ES6的let和const let...
js 冒泡排序、去重
qq_38468358的博客
03-09 526
let arr = [1, 3, 2, 55, 32, 21, 1, 2, 54, 32, 33, 78, 55, 3]; 1、冒泡排序 for 循环 function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { for (var j = ...
vue es6解构赋值
06-01
解构赋值是ES6中的一个新特性，它可以让我们更方便地从数组或对象中获取数据。在Vue中使用解构赋值可以让代码更简洁易懂。 下面是一个简单的例子，展示了如何在Vue中使用ES6解构赋值： ``` 用户名：{{ user....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值