js常见算法
1:实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。
function clone(Obj) {
var buf;
if (Obj instanceof Array) {
buf = []; //创建一个空的数组
buf=buf.concat(obj)//连接数组
return buf;
}else if (Obj instanceof Object){
buf = {}; //创建一个空对象
for (var k in Obj) { //为这个对象添加新的属性
buf[k] = clone(Obj[k]);
}
return buf;
}else{ //普通变量直接赋值
return Obj;
}
}
ps:该题的思路是判断数据类型,需要注意:基本类型复制的是副本,引用类型复制的是地址。
var person1= new Object();
person1.name = "张三"; //person1指向了栈内存的空间地址
var person2 = person1; //person2获得了person1的指向地址
person2.name = "李四";//因为他们都指向同一个object,同一个name,不管修改谁,大家都修改了
console.log(person1.name+'\n'+person2.name)
2:js数组去重
方法一:
var arr = [1,6,3,9,4,9,3,8,2];
var obj = {},newArr = [];
function Repeat(){
for(var i=0,j=arr.length;i<j;i++){
if(!obj[arr[i]]){
newArr.push(arr[i]);
obj[arr[i]] = arr[i];
}
}
}
Repeat();
newArr//打印新数组
该题思路是声明一个空数组和一个空对象,循环判断,让对象的属性和值都等于数组的项数,当对象中没有这个属性时,为新数组添加元素。
当然还有更简便的做法是,是使用indexOf()方法,该方法接受一个参数,返回该参数在数组中第一次出现的位置。如果没有则返回-1;那么上述函数可以改写成这样:
var arr = [1,6,3,9,4,9,3,8,2];
var newArr = [];
function Repeat(){
for(var i=0,j=arr.length;i<j;i++){
if(newArr.indexOf(arr[i])=="-1"){//如果newArr里没有arr[i],则添加新元素。
newArr.push(arr[i]);
}
}
return newArr;
}
Repeat();
newArr//打印新数组
3:数组排序。
js数组排序原生有sort();可以实现数组排序。在默认情况下,sort()方法按升序排列数组项,如果该方法没有参数按照字符编码的顺序进行排序。
var values = [0, 1, 5, 10, 15];
values.sort();
alert(values); //0,1,10,15,5
不用说,这种排序方式在很多情况下都不是最佳方案。
因此sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,
如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等,则返回0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
var values = [0, 1, 5, 10, 15];
values.sort(compare);
alert(values); // 15,10,5,1,0
这个比较函数可以适用于大多数数据类型。当然,也可以通过比较函数产生降序排序的结果,只要交换比较函数返回的值即可。
如果用原生的方法实现,那么就要用到冒泡排序,该方法思路是数组的前一项和后一项比较,如果前一项大于后一项,那么交换位置。代码如下:
var arr = [0, 6, 8, 6, 4, 3, 85, 5];
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - 1; j++) {
if (arr[j] > arr[j + 1]) {
var t = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = t;
}
}
}
该段代码实现了升排序,如果实现降序,改变比较符号即可。
4:生成16进制随机颜色。
function randomColor(){
var arrHex=["0","2","3","4","5","6","7","8","9","a","b","c","d"],
strHex="#",
index;
for(var i=0;i<6;i++){
index=Math.round(Math.random()*12+0);
strHex+=arrHex[index];
}
return strHex;
}
randomColor();
关键代码:Math.round(Math.random()*12+0);
Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数
Math.random()方法返回大于等于0 小于1 的一个随机数。
对于某些场景来说,这个方法非常实用,因为可以利用它来随机显示一些名人名言和新闻事件。套用下面的公式,就可以利用Math.random()从某个整数范围内随机选择一个值。
公式: 值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值);
举例来说,如果你想选择一个1到10 之间的数值,可以像下面这样编写代码:
var num = Math.floor(Math.random() * 10 + 1);
由于数组下标从0开始,那么就有Math.round(Math.random()*12+0);从中选取随机字符串拼成颜色值。
5:一个字符串中出现次数最多的字符,并统计次数?
var str = 'asdfssaaasasasasaa';
var json = {};//存储出现所有字符和个数
for (var i = 0; i < str.length; i++) {
if(!json[str[i]]){ //如果对象没有这个,赋值为1
json[str[i]] = 1
}else{//如果有自加1
json[str[i]]++
}
}
//上述代码是为了让字符串每一字符。如果存在那么每次迭代自加1,如果没有,则将数组项数作为对象属性,值为1;
var max = 0;//次数
var index = "";//字符串
for(var s in json){
if (json[s] > max){
max = json[s];
index = s;
}
}
console.log(max,index)
6:把URL参数解析为一个对象?
function parseQueryString(url) {
var obj = {};
if(url.indexOf('?')==-1){
return obj;
}
var a = url.split('?');
var b = a[1].split('&');
for (var i = 0,length = b.length; i < length; i++) {
var c = b[i].split('=');
obj[c[0]] = c[1];
}
return obj;
}
var url = 'http://witmax.cn/index.php?key0=0&key1=1&key2=2';
var obj = parseQueryString(url);
console.log(obj );
split() 方法用于把一个字符串分割成字符串数组。该方法接受一个参数,从该参数指定的地方分割。
indexOf()方法,该方法接受一个参数,返回该参数在字符串中第一次出现的位置。如果没有则返回-1;
该题思路是,先使用indexOf();判断url是否有参数,如果没有则返回一个空对象;
如果有,则将参数和url分开。得到a[1]即为参数;再调用a[1].split('&');将每个参数与值存放数组里面。循环迭代,使用b[i].split('=');将b数组每一项分隔,
数组每一项都是:c[0]为属性,c[1]为值;
依次为obj对象添加属性,最后得到的即为想要结果。
js常见算法的更多相关文章
- Js常见算法实现汇总
/*去重*/ <script> function delRepeat(arr){ var newArray=new Array(); var len=arr.length; for(var ...
- JS常见算法题目
最近收集了几个经典JS题目,比较有代表性,分享一下: 1.xiaoshuo-ss-sfff-fe 变为驼峰xiaoshuoSsSfffFe function getCamelCase(str ...
- js常见算法(一)
1.每个单词手字母大写 var capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase( ...
- 常见算法是js实现汇总(转载)
常见算法是js实现汇总 /*去重*/ <script> function delRepeat(arr){ var newArray=new Array(); var len=arr.len ...
- JS中常见算法问题
JS中常见算法问题 1. 阐述JS中的变量提升(声明提前) 答:将所有的变量提升当当前作用域的顶部,赋值留在原地.意味着我们可以在某个变量声明前就使用该变量. 虽然JS会进行变量提升,但并不会执行真正 ...
- 前端常见算法的JS实现
1.冒泡排序 function bubbleSort(arr){ var i = 0, j = 0; for(i=1; i<arr.length; i++){ for(j=0; j<=ar ...
- 前端常见算法JS实现
算法是程序的灵魂,一个优秀的前端工程师对算法也是要有所了解的. 排序算法 1. 冒泡排序 //冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1 ...
- js的 算法 和 数据结构
js的 算法 1.对一个对象数组按照对象某个属性进行排序 : https://www.cnblogs.com/webcabana/p/7460038.html 在做公交的项目中就碰到过这种算法问题, ...
- 总结下js排序算法和乱序算法
其实本人最怕的就是算法,大学算法课就感觉老师在讲天书,而且对于前端来说,算法在实际的应用中实在是很有限.毕竟算法要依靠大量的数据为基础才能发挥出算法的效率,就浏览器那性能,......是吧,退一万步说 ...
随机推荐
- 【转】amCharts,一款值得推荐的Flash charts图组件
今天无意中看到一个利用Flash生成chart图的工具:amCharts,我一开始就觉得这些chart图非常眼熟,它的显示样式跟监控宝的是完全一样的,我通过查看网页的源文件,才知道原来监控宝就是用的这 ...
- IOS开发-UI学习-UITabBarController的使用
UITabBarController具体实例如下图 我们最常见的就是微信最下面的四个按钮,通过这四个按钮可以导航到不同的界面. UITabBarController是一个容器,以下的例程中给UITab ...
- PHP加水印代码 支持文字和图片水印
PHP加图片水印.文字水印类代码,PHP加水印类,支持文字图片水印的透明度设置.水印图片背景透明.自己写的一个类,因为自己开发的一套CMS中要用到,网上的总感觉用着不顺手,希望大家也喜欢这个类,后附有 ...
- http之head请求(转)
HTTP请求方法并不是只有GET和POST,只是最常用的.据RFC2616标准(现行的HTTP/1.1)得知,通常有以下8种方法:OPTIONS.GET.HEAD.POST.PUT.DELETE.TR ...
- 404 error on preview ... "buffer_id(29) is not valid (closed or unsupported file format)"
利用sublime text2的插件OmniMarkupPreview进行md文件预览时,出现如下错误 "Error: 404 Not Found Sorry, the requested ...
- PHP的数组值传入JavaScript的数组里
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html><head> &l ...
- 天兔(Lepus)监控系统快速安装部署
Lepus安装需要Lamp环境,Lamp环境的安装个人认为比较费劲,XAMPP的一键部署LAMP环境省心省力, lepus官网手册也建议采用XAMPP的方式安装,lepus也是在XAMPP上进行研发的 ...
- 排名前10的H5、Js 3D游戏引擎和框架
由于很多人都在用JavaScript.HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题.基于浏览器的游戏最棒的地方是平台独立,它们能在iOS.A ...
- Pomelo的Protobuf
pomelo的protobuf实现,借助了javascript的动态性,使得应用程序可以在运行时解析proto文件,不需要进行proto文件的编译.pomelo的实现中,为了更方便地解析proto文件 ...
- ASP.NET Zero--14.一个例子(7)商品分类管理-分类搜索及分页
分类搜索实现 1.添加搜索框 打开Index视图,添加一个搜索框,代码如下: ... <div class="portlet light"> <div class ...