首页 > 代码库 > JavaScript练习笔记整理·3 - 6.25
JavaScript练习笔记整理·3 - 6.25
欢迎和大家一起来讨论~
基础练习（1）：
我的解答为：
function array_diff(a, b) { if (b == "") return a; return a.filter(function(item,index,array) { var flag = false; for(var i=0;i<b.length;i++) { if(item !== b[i]) flag = true; } return flag; }); }
较优解答为：
function array_diff(a, b) { return a.filter(function(x) { return b.indexOf(x) == -1; }); }
分析：
对数组a使用filter（）方法，迭代判断数组a中的值是否存在于数组b中。当x的值，即数组a的值不能在数组b中找到时，b.indexOf（）方法将返回-1。数组的filter（）方法是指对数组中的每一项运行给定函数，返回该函数会返回true的项组成的的数组。
我的思路就稍微想得复杂了，对数组进行迭代的方法filter（）是想到了，却没有好好地利用起来，函数内的判断方法不够简洁，也没有想到可以使用indexOf（）方法进行判断。
笔记：
filter（）方法，是指对数组中的每一项运行给定函数，返回该函数会返回true的项组成的的数组。利用指定的函数确定是否在返回的数组中包含某一项。
使用例子：
var numbers = [1,2,3,4,5,4,3,2,1]；
var filterResult = numbers.filter（function（item，index，array） {
return （item>2）;
}）;
alter（filterResult）； //[3,4,5,4,3]
数组的迭代方法真的很常用的，用于对某个数组循环某一操作。这些迭代方法要比for循环语句简单很多，要记住！
共有五个迭代方法：every（）、filter（）、forEach（）、map（）、some（）。
基础练习（2）：
我的解答为：
var gimme = function (inputArray) { var newArray = []; for(var i=0;i<inputArray.length;i++) { newArray[i] = inputArray[i]; } newArray.sort(function(a,b) { if(a < b) { return -1; } else if (a> b) { return 1; } else { return 0; } }); return inputArray.indexOf(newArray[1]); };
较优解答为：
function gimme(a) { return a.indexOf(a.concat().sort(function(a, b) { return a - b })[1]) }
分析：
在较优解答中，对原数组使用了concat（）方法，该方法可以将原数组复制并创建一个新数组。接着对新数组进行排序，并对于中间值求得索引值。
我的思路和最优解是一样的，而实现方法还是稚嫩了一些。对于创建新数组不知道可以使用concat（）方法进行快速地复制，也说明对基础知识的熟悉程度不够了。另外排序方法中，原来可以直接使用“return a-b”，我的方法就显得很累赘了。
笔记：
concat（）方法可基于当前数组中的所有项创建一个新数组。该方法会先创建当前数组的一个副本，将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。在没有给concat（）方法传递参数的情况下，它只是复制。若传递给concat（）方法的是一个或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中。若传递值不是数组，则添加到结果数组的末尾。
使用例子：
var colors = ["red","green","blue"];
var colors = colors.concat("yellow",["black","brown"]);
alert(colors); // red,green,blue
alert(colors); // red,green,blue,yellow,black,brown
重排序方法：使用sort（）方法可以进行排序，但仍可能会出现一些问题，因此使用比较函数，可以避免这个问题。
对于大多数数据类型可使用，只需要将其作为参数传递给sort（）方法即可：
function compare(value1,value2) {
if(value1 < value2) {
return -1;
} else if (value1> value2) {
return 1;
} else {
returm 0;
}
}
对于数值型或其他valueOf（）方法会返回数值类型的对象类型，可以使用更简单的比较函数：
function compare(value1,value2) {
return value2 - value1;
}
基础练习（3）：
我的解答为：
function minMax(arr){ var newarr = []; newarr.push(Math.min.apply(Math,arr)); newarr.push(Math.max.apply(Math,arr)); return newarr; }
较优解答为：
function minMax(arr){ return [Math.min(...arr), Math.max(...arr)]; }
分析：
这道题目就很简单了，较优解答中的扩展语法（ spread syntax）也在练习一中提及了。我的写法还是太谨慎了，是不是应该大胆一些呢？
基础练习（4）：
我的解答为：
function XO(str) { var str = str.toLowerCase(); var countx = 0; var counto = 0; for(var i=0;i<str.length;i++) { if(str[i] === "x") { countx++; } if(str[i] === "o") { counto++; } } if(counto == countx) { return true; } else { return false; } }
较优解答为：
function XO(str) { var a = str.replace(/x/gi, ‘‘), b = str.replace(/o/gi, ‘‘); return a.length === b.length; }
分析：
较优解使用的是replace（）方法，结合正则表达式的使用，对原字符串str分别将x和o用空字符串替换得到a和b字符串，比较a和b字符串的长度，从而得到结果。我的解答方法呢，因为实在想不到可以使用什么方法，所以用的最原始的方法，仿佛自己在做C语言的题目。
笔记：
replace（）方法，该方法接受两个参数，一个参数可以是一个RegExp对象或者一个字符串，第二个参数可以是一个字符串或者是一个函数。若第一个参数是字符串，指挥替换第一个子字符串。要想替换所有子字符串，是提供一个正则表达式，并且指定全局标志。
使用例子：
var text = "cat,bat,sat,fat";
var result = text.replace("at","ond");
alert(result); //"cond,bat,sat,fat"
result = text.replace(/at/g,"ond");
alert(result); //"cond,bond,song,fond"
总结：
今天的知识点主要是数组的迭代方法中的一种filter（）方法、数组操作方法中的concat（）方法以及字符串的replace（）方法。filter（）方法可用于使用函数判断数组中各项的值中返回true值的结果所组成的数组。concat（）可以复制和创建新数组。而replace（）方法可以替换字符串中的一个或多个值。
从这三天的练习来看，对于数组的各种方法也逐渐使用得熟练起来了。但是其他类型的各种方法还是一种挑战。而我的解答也要从比较冗余的语句，写出更为简洁而有效的语句了。继续加油吧！
JavaScript练习笔记整理·3 - 6.25
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。