您现在的位置是:首页 > 电脑技术查询 > web开发

JavaScript 数组步骤总结

编辑:chaxungu时间:2022-10-10 23:23:28分类:web开发

JavaScript 数组方法总结

最近公司没项目.所以所幸学学JS.毕竟很多人和我一样.属于培训机构出来的.JS基础也很差.

面试的时候面试官问你 .你会JS不.你会毫不犹豫的回答会.因为你确实用过.但是真正会的或许只是以前项目中需要的方法.

鉴于这种情况 我决定把JS基础篇的东西像JAVA或.net一样在博客园阐述一到.

虽然第一次发技术贴.但是我还是看了很多帖子.我不会很不负责的复制代码 然后走人了事.以下为总结部分:

<script type="text/javascript">function 数组() {var colors = ["red", "blue", "green"];//检测数组if (colors instanceof Array) {//如果colors是数组.JS3方法}if (Array.isArray(colors)) {//如果colors是数组.JS5方法}//转化方法alert(colors.toLocaleString()); //red,blue,greenalert(colors.toString()); //red,blue,greenalert(colors.valueOf()); //red,blue,greenalert(colors.join(",")); //red,blue,green//数组的栈方法//push()var count = colors.push("aaa", "bbb", "ccc"); //在原数组末尾添加参数alert(count); //添加后的长度为6//pop()var enditem = colors.pop(); //移除最后一个参数alert(enditem); //显示移除掉的参数"ccc"//数组的队列方法//shift()var firstitem = colors.shift(); //移除第一个参数alert(firstitem); //显示移除掉的"red"//unshift()var newcount = colors.unshift("000", "111", "222"); //在数组最前添加参数alert(newcount); //显示添加后的数组长度//重排序方法var values = [0, 1, 5, 10, 15];//recerse()alert(values.reverse()); //倒序 按数字排序//sort()alert(values.sort()); //升序 但是每次比较参数是会加tostring() 所以按字符串排序//但是可以强制转化下 arraySort方法alert(values.sort(arraySort.reverse)); //倒序 alert(values.sort(arraySort.sort)); //升序 //操作方法var letter = ["a", "b", "c"];//concat()var letter1 = letter.concat(["d", "e"], ["f", "g"]);//基于当前方法 添加一个或多个新的数组alert(letter1);//a,b,c,d,e,f,g //slice()var letter2 = letter1.slice(1, 4);//去掉第一个 和第4个参数 组成新数组alert(letter2);//b,c,e,d,g//splice() 参数1 要修改 删除 添加的起始位置 参数2 要删除的数量 后面的参数都代表要添加的项alert(letter.splice(0, 1));//从数组的[0]开始 删除一个项alert(letter.splice(2, 0, "aa", "bb"));//从数组[2]开始添加aa bbalert(letter.splice(2, 1, "cc", "dd"));//从数组[2]开始先删除一项 然后添加cc dd//位置方法//IndexOf()alert(letter.indexOf(4));//从数组开头寻找//lastIndexOf()alert(letter.lastIndexOf(4));//从数组尾部寻找//迭代方法//every()letter = new Array();letter = [1,2,3,4,5,6,7,8,9,10];var everyletter = letter.every(function (item, index, array) {//every方法带3个参数 item 数组中的每一项. index 每一项的索引 . array 数组本身return item > 2;//当数组中每一项全部满足大于2时.返回true//这个例子中当循环到第一项时1小于2 所以直接返回false});//some()var someletter = letter.some(function (item, index, array) {//some方法和every方法一样带三个参数.同上return item > 2;//当数组中任何一项满足这个条件就返回true//这个例子中当走到第三个3大于2时 直接返回true});//filter()var filterletter = letter.filter(function (item, index, array) {//filter方法用法和every和some相同.//但是返回结果为数组中包含的每一项return item > 2;//这个例子会返回所有大于2的数字.如3,4,5,6,7,8,9,10});//map()var mapletter = letter.map(function (item, index, array) {//map方法用法和every和some相同.//但是返回的结果是在原始数组中对应项上运行传入函数的结果;return item * 2;//这个例子我在每个item乘以2.得到的结果为2,4,6,8,10,12,14,16,18,20});//forEach()letter.forEach(function(item, index, array) {//forEach方法是没有返回结果的.//和for循环一样 只是围绕的是数组//在这里可以做任何操作});//缩小方法//reduce()var value = [1, 2, 3, 4, 5];var sum = value.reduce(function (item1, item2, index, array) {//reduce有个参数 item1 前一个值,item2 当前值, index和array和every和some方法一样//这个例子中第一次执行item1=1,item2=2; 第二次执行时.item1=3(1+2),item2=3 ,第三次执行 6 4 ,第4次执行10,5//所以结果为15.return item1 + item2;//15});//reduceRight()var sum1 = value.reduceRight(function (item1, item2, index, array) {//reduceRight和reduce的区别在于,其实就是反过来执行//所以结果还是为15return item1 + item2;//15});}//对于sort()方法的扩充 主要是对于数组的转化var arraySort = {reverse: function (va1,va2) {if (va1 > va2) {return 1;} else if (va1 < va2) {return -1;} else {return 0;}},sort: function (va1, va2) {if (va1 > va2) {return -1;} else if (va1 < va2) {return 1;} else {return 0;}}};</script>

  

上一篇:-黑客

下一篇:js中的继承1-类继承