最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript如何以封装的方式实现冒泡排序

来源:动视网 责编:小OO 时间:2020-11-27 19:56:13
文档

JavaScript如何以封装的方式实现冒泡排序

未使用封装的代码;1.这段代码里面的核心代码理解了,便很好完成。<;script type=";text/javascript";>;var arr=[1,6,3];//冒泡 for(var i=0;i<;arr.length;i++){ for(var j=0;j<;arr.length-1-i;j++){ //核心排序if(arr[j]>;arr[j+1]){ var t=arr[j];arr[j]=arr[j+1];arr[j+1]=t;} } } alert(arr);<;/script>;。运行显示。使用封装之后的代码。
推荐度:
导读未使用封装的代码;1.这段代码里面的核心代码理解了,便很好完成。<;script type=";text/javascript";>;var arr=[1,6,3];//冒泡 for(var i=0;i<;arr.length;i++){ for(var j=0;j<;arr.length-1-i;j++){ //核心排序if(arr[j]>;arr[j+1]){ var t=arr[j];arr[j]=arr[j+1];arr[j+1]=t;} } } alert(arr);<;/script>;。运行显示。使用封装之后的代码。
 最近小编在学习蒋坤的JavaScript视频,里面谈到了js中实现冒泡排序的方法,并且做到了很好的封装,以及灵活变动。具体的内容,请看正文。

未使用封装的代码

1.这段代码里面的核心代码理解了,便很好完成。

<script type="text/javascript">
	var arr=[1,6,3]; 
	//冒泡
	 for(var i=0;i<arr.length;i++){
 for(var j=0;j<arr.length-1-i;j++){
	 
	//核心排序
	if(arr[j]>arr[j+1]){
	 var t=arr[j];
	 arr[j]=arr[j+1];
	 arr[j+1]=t;
	 }
	 }

 }	 
	alert(arr);
	
</script>

运行显示:


使用封装之后的代码

<script type="text/javascript"> 
	 var arr=[1,6,3]; 
	 //冒泡--添加了封装性的方法
 var mySort=function(arr,f){
	 for(var i=0;i<arr.length;i++){
 for(var j=0;j<arr.length-1-i;j++){
	 
	//核心排序依据	
	 if(f(arr[j],arr[j+1])>0){
	 var t=arr[j];
	 arr[j]=arr[j+1];
	 arr[j+1]=t;
	 }
	 }
 }
 };	 
 //传两个参数,一个待排序的数组,一个方法(判断是升序还是降序)
 //升序function(a,b){return a-b}; 
 mySort(arr,function(a,b){return b-a;});	
 alert(arr);
</script>

运行图:

其中关于传参的部分,决定是升序和降序的方法f,可以有两种方法,实现默认使用升序,不添加f的方法参数,如下的代码:

 //默认使用升序
	 //默认不传参,f的值为undefined
 //第一种方法
	 f=f? f:function(a,b){return a-b;};
 //第二种方法
	 //利用逻辑或的逻辑中断
	 //js中的逻辑或运算,参与运算的数据不是Boolean类型时,若第一个操作数为真,着表达式是第一个操作数据
	 //若第一个表达式为假,则返回第二个操作数的值
	 f=f||function(a,b){return a-b;};

对比

使用封装的方法,可以灵活地更改排序的方式,降序和升序。只需要在定义f这个方法时,更改一下条件即可,并且封装好的排序方法,可以方便调用。

小结

关于封装的方法,在JavaScript中又得到了很好的学习认识。不断反复,不断积累~~~

文档

JavaScript如何以封装的方式实现冒泡排序

未使用封装的代码;1.这段代码里面的核心代码理解了,便很好完成。<;script type=";text/javascript";>;var arr=[1,6,3];//冒泡 for(var i=0;i<;arr.length;i++){ for(var j=0;j<;arr.length-1-i;j++){ //核心排序if(arr[j]>;arr[j+1]){ var t=arr[j];arr[j]=arr[j+1];arr[j+1]=t;} } } alert(arr);<;/script>;。运行显示。使用封装之后的代码。
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top