js常用方法,Javascript页面跳转间的常用方法有哪些
js常用方法,Javascript页面跳转间的常用方法有哪些详细介绍
本文目录一览： js中字符串的常见方法
首先创建一个字符串，创建字符串的方法有两种:
1.字面量：var str = "abc123efg456";
2.构造函数：var str = newString("abc123efg456");
其次，需要注意的是，javascript的字符串是不可变的，String类定义的方法都不可以改变字符串内容。若是需要通过方法改变字符串的内容，需要将返回值重新赋值给原来的字符串。如：str = str.toUpperCase();
下面，介绍比较常用的字符串的方法:
var str = "1abc123abc456abc";
功能:返回指定的字符串值在字符串中首次出现的位置。
参数:s为要检索的字符,必需;n为可选的字符参数，规定字符串检索的位置。
demo:
var index1 = str.indexOf("a");
var index2 =str.indexOf("a",8);
var index3 =str.indexOf("a",14);
console.log(index1); // 1
console.log(index2); // 13
console.log(index3); // -1? 从检索的位置检索不到字符，返回-1
功能:返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
参数:s为要检索的字符,必需;n为可选的字符参数，规定字符串检索的位置。
demo:
var index1 =str.lastIndexOf("a");?
var index2 =str.lastIndexOf("a",11);
var index3 =str.lastIndexOf("a",0);
console.log(index1); // 13
console.log(index2); // 7
console.log(index3); // -1? 从检索的位置检索不到字符，返回-1
功能:返回指定位置的字符。
参数:n表示字符串中某个位置的索引,不写默认为第0个字符。
demo:
var s = str.charAt(3);
console.log(s);? // c
功能:返回指定位置的字符的Unicode编码。
参数:n表示字符串中某个位置的索引,可以没有参数，默认是索引为0的参数。
demo:
var s = str.charCodeAt(3);
console.log(s);? // 99
注:c的unicode编码为99。
注意：charAt(n)方法和charCodeAt(n)方法类似，前者返回的是字符，后者返回的是字符的unicode编码。
功能:将编码转成字符方法。
参数:十进制和十六进制，不支持unicode编码。
demo:
var s1 =String.fromCharCode("0x56fd");
var s2 = String.fromCharCode(22269);
console.log(s1);?? //国
console.log(s2);? //国
注:“国”的十六进制编码是56fd,十进制是22269。
功能:根据指定位置，截取子串，从m到n，不包括n。
参数:m,n为索引。
demo:
var s = str.slice(2,7);
console.log(s); // bc123
功能:根据指定位置，截取子串，从m到n，不包括n。
参数:m,n为索引。
demo:
var s = str.substring(2,7);
console.log(s); // bc123
功能:根据指定位置，截取子串，从m位置取，共取n个。
参数:m,n为索引。
demo:
var s = str.substr(2,7);
console.log(s); // bc123ab
功能:字符串替换。
参数:oldstr为需要被替换的字符，newstr为替换的字符。
demo:
var s =str.replace("a","l");
console.log(s); // 1lbc123abc456abc
注意:每次只能替换一个符合条件的字符。
功能:分割字符，返回成为数组。
参数:"s"为分割的字符。
demo1:
var arr1 = str.split("b");
console.log(arr1);? // ["1a", "c123a","c456a", "c"]
demo2:
var arr2 = str.split(); //["1abc123abc456abc"]
console.log(arr2);
demo3:
var arr3 = str.split("");
console.log(arr3); // ["1","a", "b", "c", "1", "2","3", "a", "b", "c", "4","5", "6", "a", "b", "c"]
注意:参数不写的时候,返回原字符串组成的数组;参数为空字符的时候,将每个字符分割，返回一个数组
功能:检索字符串中指定的子字符串,返回第一个与字符串匹配的索引值。
参数:需要被检索的字符串。
demo:
var s1= str.search("abc");
var s2 = str.search("efg");
console.log(s1); // 1
console.log(s2); // -1
注:如果没有找到任何匹配的子串，则返回-1。
功能:在字符串内检索指定的值,匹配到就返回指定的字符值。
参数:需要被检索的字符串。
demo:
var s1= str.match("abc");
var s2 = str.match("efg");
console.log(s1); // ["abc",index: 1, input: "1abc123abc456abc", groups: undefined]
console.log(s2); // null
注:该方法类似indexOf()和lastIndexOf(),但是它返回指定的值，没有就返回null
功能:连接两个或多个字符串,返回连接后的字符串。
参数:需要连接的字符串。
demo:
var str1="abc ";
var str2="123";
console.log(str1.concat(str2));?? // "abc 123"
提示:如果需要拼接字符串，用运算符“+”更简单。
功能:把字符串转换为小写。
参数:无
demo:
var str = "ABC abc";
console.log(str.toLowerCase()); // abcabc
功能:把字符串转换为大写。
参数:无
demo:
var str = "ABC abc";
console.log(str.toUpperCase()); // ABCABC
功能:把字符串显示为大号字体。
参数:无
demo:
var s = str.big();
document.write(str+"");
document.write(s);
功能:把字符串显示为小号字。
参数:无
demo:
var s = str.small();
document.write(str+"");
document.write(s);
功能:把字符串显示为粗体。
参数:无
demo:
var s = str.bold();
document.write(str+"");
document.write(s);
功能:把字符串显示为斜体。
参数:无
demo:
var s = str.italics();
document.write(str+"");
document.write(s);
功能:将字符以指定的颜色显示。
参数:颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)。
demo:
var s = str.fontcolor("red");
document.write(str+"");
document.write(s);
功能:将字符以指定的字号显示。
参数:size参数必须是从1和7之间的数字,1表示小的字号,7表示最大的字号。
demo:
var s = str.fontsize(7);
document.write(str+"");
document.write(s);
功能:把字符串显示为超链接。
参数:链接的URL。
demo:
var s =str.link("http://www.baidu.com");
document.write(str+"");
document.write(s);
功能:把字符串加字符串显示。
参数:无
demo:
var s = str.strike();
document.write(str+"");
document.write(s);
以上是对字符串方法的整理，如有修改、补充，后续会更新。
文中如果纰漏，错误，不合理，描述不清晰，不准确等问题，欢迎大家留言指正...
JS实现的几个常用算法
（1）数组去重原理：定义一个对象obj，然后把数组元素作为obj的属性名，利用属性名是否重复进行判重var unique = function(arr){ let obj = {}; let newArr = []; arr.forEach(function(x){ if(!obj[x]){ //如果对象中没有该元素对应的属性 obj[x] = true; newArr.push(x); } }); return newArr;}（2）使用快速排序算法对数组进行排序这里面包括两种效果，一种是利用快排的特性实现了去重快排，另一种是不去重的快排。原理：获得目标数组，选定一个元素最为标志位，遍历剩余的元素，比标志位大放右边，比标志位小放左边。特别注意：还有与标志位相等的元素，如果你存储相等的元素，就实现了去重，如果存储了，就不去重。var quickSort = function(arr){ if(arr.length <= 1){ return arr; } //定义一个左数组，定义一个右数组 let leftArr = []; let rightArr = []; //选定一个参照值 let tag = arr[0]; /* * 使用如下方式判断，会把重复元素去掉，就实现了快排的同时去重 */ for(let i = 0; i < arr.length; i++){ if(arr[i] < tag){ //将比tag小的元素放在左数组中 leftArr.push(arr[i]); } if(arr[i] > tag){ //将比tag大的元素放在右数组中 rightArr.push(arr[i]); } } /* * 使用如下方式就是使用快排进行排序，不去重 */ for(let i = 1; i < arr.length; i++){ if(arr[i] < tag){ //将比tag小的元素放在左数组中 leftArr.push(arr[i]); }else{ //将比tag大的元素放在右数组中 rightArr.push(arr[i]); } } //递归调用 return [].concat(quickSort(leftArr),[tag],quickSort(rightArr));}（3）统计字符串中出现次数最多的字符原理：这个和数组去重类似，也是利用一个对象obj，将数组元素作为对象的属性名，如果不存在该属性名，则值赋为1，如果存在，则值加1。var maxShowTimes = function(str){ // 创建一个用于判重的对象 let obj = {}; // 判断字符串是否为空或只有一个元素 if(str.length <= 1){ return str.length === 0?'字符串不能为空':str; } // 利用String的charAt()方法获取各个字符 for(let i = 0; i <= str.length; i++){ if(!obj[str.charAt(i)]){ //如果不存在 obj[str.charAt(i)] = 1; }else{ //如果存在 obj[str.charAt(i)] += 1; } } // 在obj对象中寻找值最大的那个属性 let maxChar = ''; let maxTimes = 0; for(var k in obj){ if(obj[k] > maxTimes){ maxChar = k; maxTimes = obj[k]; } } return maxChar;}（4）不借助第三个变量实现两个变量交换值原理：就是一个变量替换，思路很巧妙，只能用于数字的交换。var swap = function(a,b){ if(a === b){ return [a,b]; } b = b - a; // 此处的 b - a中的b和a的值是最初的值 a = a + b; // a = a + b -a; 实现了将b的值赋给a b = a - b; // b = a - (b - a) = 2a - b 相当于 2b = 2a;实现了将a的值赋给b return [a,b];}（5）求一个数组的最大差值原理：遍历一次数组，找到最大值和最小值，返回差值var getMaxProfit = function(arr){ // 定义两个变量，分别存贮最大值和最小值 let maxNum = arr[0]; let minNum = arr[0]; for(let i = 0; i < arr.length; i++){ if(arr[i] > maxNum){ maxNum = arr[i]; } if(arr[i] < minNum){ minNum = arr[i]; } } return maxNum - minNum;}（6）获取任意长度的随机字符串原理：可以手动指定字符库及随机字符长度n，利用Math.floor()和Math.random()两个方法实现获取随机字符。var getRandomString = function(n){ // 定义随机字符串的字符库 let str = 'qwertyuiopasdfghjklzxcvbnm1234567890'; // 定义一个临时变量tmp存储生成的随机字符串 let tmp = ''; //获取str的长度 let len = str.length; // 生成一个长度为n的随机字符串 for(let i = 0; i < n; i++){ tmp += str.charAt(Math.floor(Math.random() * len)); } return tmp;}
JS常用处理数组的方法
一、概述
join( ) ————————数组转字符串
split( ) ———————–字符串转数组
push( ) ———————-将数据添加到数组尾部
pop( ) ———————–数组末尾移除最后一项
shift( ) ———————–删除原数组第一项
unshift( ) ——————–将数据添加到数组头部
sort( ) ————————按升序排列数组项
reverse( ) ——————–反转数组项的顺序
concat( ) ——————–多个数组合并，原数组不变
slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组，原数组不变
splice( ) ———————-从数组中添加/删除项目，然后返回被删除的项目，改变原数组
二、定义和用法
1、join()
2、concat()
3、pop()
4、shift()
5、push()
6、unshift()
7、reverse()
8、slice()
9、splice()
10、toString()
11、sort()
12、includes()
13、forEach()
14、map()
js数组几种常见的操作方法
关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。
关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。
第一：读取数组 for循环
方法如下：
var ay=[1,"sdsd","sdsd"]for (var i=0;i
<ay.length;i++) {
console.log("index:"+i+" "+ay[i]) //index：0 1 index：1 sdsd index：2 sdsd
}
第二：合并数组 concat
方法如下：
var arr1=['w','e','s'];
var arr2=['e','y','u'];var arr3=arr1.concat(arr2);console.log(arr3) //['w','e','s''e','y','u'];第三：数组变为字符串格式 join
方法如下：
var arr1=['w','e','s'];
var arr4=arr1.join()console.log(arr4) //w,e,s
第四：删除最后一个元素,针对老数组是删除最后一个,针对新数组是返回最后一个 pop
var arr6=["d","s","t"];var arr7=arr6.pop();console.log(arr6) // ["d","s"];console.log(arr7);// t
第五：添加最后一个元素，针对老数组最后一个元素后面添加一个元素，新数组返回元素个数 push
var arr8=["i","u","t"];
var arr9=arr8.push("k");
console.log(arr8); //["i","u","t","k"];
console.log(arr9); // 4
第六：shift() 和pop()一样，不同的是操作的是开头删除的元素shift（）；具体操作不在展示第七：unshiift()和push一样，不同的是操作的是开头添加的元素unshift（）；具体操作不再展示
第八：反转数组 reverse
方法如下：
var arr1=['w','e','s'];
var arr10=arr1.reverse()
console.log(arr10) //['s','e','w'];
第九：数组排序 sort a-b正向 b-a 反向
正向
var arr11=[3,1,5,8,28]var arr12=arr11.sort(function (a,b) {return a-b;})console.log(arr12) //[1,3,5,8,28];
反向
var arr13=arr11.sort(function (a,b) {return b-a;})console.log(arr13) //[28,8,5,3,1]
第十：数组截取 数组截取的方法主要有slice 和splice，另外说到截取我这里随便也把字符串截取带上，字符串截取的方法主要有substr 和substring
（1）slice 使用方法arr.slice(m,n);其中arr为数组，m，n为两个参数，意思是从已有数组中返回选定的元素，截取位置均为下标，其中m必须，为起始位置，可以为负值，n为结束位置（截取位置并不包含）。
示例如下：
①只有起起始值，并且为正，默认的从起始位置一直到整个数组结束，起始下标从0开始
var arr=[2,3,5,6,8,9]var arr1=arr.slice(1)console.log(arr) // [2,3,5,6,8,9] 老数组是没有变化的，下面不在列举，都是一样的console.log(arr1) //[3,5,6,8,9] 只有起始参数，并且为正值，返回新数组从下标1开始截取
②只有起始值，并且为负，默认的是从起始位置一直到整个数组结束，此处没有起始值，数组的最后一个下标是-1，比如此例，如果从-6开始取，必定是整个数组
var arr=[2,3,5,6,8,9]var arr1=arr.slice(-1)console.log(arr1) //[9] 只有起始参数，并且为负值，从数组尾部截取元素
③有起始值和结束值，并且为正，此处需注意下标是从小到大，比如你（3，1）肯定是取不到值的，另外截取的下标个数并不包含最后一个下标
var arr=[2,3,5,6,8,9]var arr1=arr.slice(1,4)console.log(arr1) //[3,5,6] 此时是从下标1开始到下标4，但是需要注意的是并不包含下标4，准确的说是1-3的下标
④有起始值和结束值，并且为负，此处需注意下秒也是从小到大，同理，比如（-1，-6）也是肯定取不到值的，另外截取的下标个数也并不包含最后一个下标
var arr=[2,3,5,6,8,9]var arr1=arr.slice(-6,-1)console.log(arr1) //[2,3,5,6,8]
⑤有起始值和结束值，并且正负都有
负值到0
var arr=[2,3,5,6,8,9]var arr1=arr.slice(-1,0)
//刚刚都看到了，数组下标都是从小到大的，所以说如果正负都有的情况下，理论上应该可以取值的，比如这个例子，-1为9的小标，0为2的下标，所以取值应该为 [9]，但是结果并不是这样的console.log(arr1) //[ ] 从这里可以看出他的结果是为空的，所以从负值到0结果是取不到的
负值到正直
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,2)
//那从负值到正值呢，同样也是取不到值的
console.log(arr1) //[ ]
正直到负值
var arr=[2,3,5,6,8,9]
var arr1=arr.slice(2,-1)
//那从正直到负值，这个理论上是取不到的，但是看下结果
console.log(arr1) //[ 5，6，8] 从结果可以看出是可以取的 原理是2的下标为5，-1的下标为9，不包含结束位置下标
总结：这个方法看着可能会麻烦些（也可能被我写的麻烦啦），比如正到负等，不知道大家都是怎么操作，我一般用这个取值都是只截取正的，所以这个实际操作还是非常简单的。
（2）splice 像数组中添加或者删除元素 arr.splice(m,n,index,index1,...,indexx) m是起始位置，n是删除元素的个数，index是要添加的元素，在不添加元素的前提下，只有第一个参数是必须的，后面两个都不是必须的，在需要添加元素的情况下，三个元素都是必须的，此方法和slice是不一样的，这个返回的是被删除的元素
示例如下：
只删除不添加
注意看此例，是（1，2）删除两个，如果是（1，0），则表示删除零个，也就是不删除的意思，如果只有一个参数则表示从这里开始删除，比如是（1）则为[2]，当然这个也是可以取负值，但是这个和slice是不一样的，只能起始位置取负值，因为删除的个数不可能为负值，slice可以取（2，-1），这个就截然不同啦，但是刚刚也说啦，slice是不可以起始位置取负值，结束位置取正的，但是这个是可以的，比如（-1，0）则表示从-1开始删除零个，结果为[2,3,5,6,8,9]，（-6，2),结果为[5,6,8,9]，另外这个删除的第二个值如果写的过大，也只是删除从本下标到最后一个，比如（2，78）为[2,3]
var arr=[2,3,5,6,8,9]var arr1=arr.splice(1,2)console.log(arr) // [2,6,8,9] 注意看此处才是我们要的数组，从下标1开始删除删除两个console.log(arr1) //[3,5] 此处是我们删除掉的数组
删除加添加 具体的和上面的差不多，主要添加了添加元素的效果，这个也可以添加多个元素
var arr=[2,3,5,6,8,9]var arr1=arr.splice(1,2,"il")console.log(arr) //[2,"li",6,8,9] console.log(arr1) //[3,5]
总结：此方法用的时候，一般也都是只取正值
（3）substr 这个是字符串的用法 用法arr.substr(m,n) m必选也可以负值 n选填，注意看这个并不是结束为止而是截取的个数
示例如下：
只有一个参数 默认从此下标开始，取后面所有的
正值
var arr="sdhgfhf"var arr1=arr.substr(1)console.log(arr)// "sdhgfhf"这个是不变的，下面不再列举console.log(arr1)// "dhgfhf" 从下标1开始取后面所有的
负值
var arr="sdhgfhf"var arr1=arr.substr(-2)console.log(arr1)// "hf" 从下标-2开始取后面所有的
两个参数，从第一个下标开始，截取到下标2的长度
var arr="sdhgfhf"var arr1=arr.substr(1，3)console.log(arr1)// "dhg" 从下标1开始取后面所有的 同理如果为负值，比如（-6，3）则为"hjf";后面的始终为长度
总结：此方法需注意不要和数组的混淆，这个是截取长度的
（4）substring 用法arr.substring(m,n) 两个参数，m必须，起始位置 ，n选填，截取下标的结束位置，此用法和上面slice有点类似，但是需要注意的是此方法是不支持负值的
示例如下：
只有一个参数
var arr="sdhgfhf"var arr1=arr.substring(1)console.log(arr1)//"dhgfhf"从下标1开始取后面所有的
两个参数
var arr="sdhgfhf"var arr1=arr.substring(1,3)console.log(arr1)// "dh"从下标1开始截取到下标3，但是不包含3
总结：此方法不支持负值，只针对下标来截取的
最后，以上主要是总结的数组的一些简单的操作方法，学无止境，继续努力。
Javascript页面跳转间的常用方法有哪些
Javascript页面跳转间的常用方法一：JS 重载页面，本地刷新,返回上一页 代码如下:返回上一页 重载页面，本地刷新 返回上一页重载页面，本地刷新返回前二页并刷新的JS代码应该怎样写。 代码如下:history.go(-2); location.reload();window.history.go(-1);//返回上一页不刷新 window.location.href = document.referrer;//返回上一页并刷新二：js 方法 代码如下:asp自动返回并刷新的方法： 代码如下:response.Write(““)一般用于向一个页面提交action后返回前一页并刷新！Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);history.back().window.history.forward()返回下一页window.history.go(返回第几页,也可以使用访问过的URL)response.Write(“") response.Write("if(!confirm('完成任务?')){history.back();}") “) response.Write(““)向上一页页面跳转:onclick=”window.location.href=’list.aspx’”P.S. 小技巧(JS引用JS):Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href自动刷新页面的方法: 1.页面自动刷新：把如下代码加入区域中 其中20指每隔20秒刷新一次页面.2.页面自动跳转3.页面自动刷新js版function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次ASP.NET如何输出刷新父窗口脚本语句 1. this.response.write(““); 2. this.response.write(““); 3. Response.Write(““)JS刷新框架的脚本语句//如何刷新包含该框架的页面用parent.location.reload();//子窗口刷新父窗口self.opener.location.reload();(或刷新 )//如何刷新另一个框架的页面用parent.另一FrameID.location.reload();如果想关闭窗口时刷新或者想开窗时刷新的话，在中调用以下语句即可。开窗时刷新 关闭时刷新window.opener.document.location.reload()三：在ASP中利用JS实现返回上一页并刷新 在ASP中利用JS实现返回上一页并刷新我想是利用ASP开发网站的时候经常使用的。但写法也有几种，但目的都是一样的。 代码如下:javascript刷新父页面的各种方法汇总用iframe、弹出子页面刷新父页面iframeparent.location.reload();弹出子页面window.opener.location.reload();子窗口刷新父窗口self.opener.location.reload();刷新以open()方法打开的窗口window.opener.location.href=window.opener.location.href;刷新以winodw.showModelDialog()方法打开的窗口window.parent.dialogArguments.document.execCommand('Refresh');js页面跳转的问题(跳转到父页面、最外层页面、本页面)js页面跳转：本页面跳转,上一层页面跳转，最外层的页面跳转，下面为大家大家分享下不同页面之家的跳转问题，感兴趣的朋友可以学习下 “window.location.href”、”location.href”是本页面跳转“parent.location.href”是上一层页面跳转“top.location.href”是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写“window.location.href”、”location.href”：D页面跳转“parent.location.href”：C页面跳转“top.location.href”：A页面跳转如果D页面中有form的话,: form提交后D页面跳转: form提交后弹出新页面: form提交后C页面跳转: form提交后A页面跳转关于页面刷新，D 页面中这样写：“parent.location.reload();”: C页面刷新 （当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ）“top.location.reload();”: A页面刷新
Javascript中数组的常用方法有哪些？
www.w3school.com.cn/js/jsref_obj_array.asp
希望对你有帮助、
concat()连接两个或更多的数组，并返回结果。
join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()颠倒数组中元素的顺序。
shift()删除并返回数组的第一个元素
slice()从某个已有的数组返回选定的元素
sort()对数组的元素进行排序
splice()删除元素，并向数组添加新元素。
toSource()返回该对象的源代码
toString()把数组转换为字符串，并返回结果。
toLocaleString()把数组转换为本地数组，并返回结果。
unshift()向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()返回数组对象的原始值
JS数组循环遍历常用的9种方法
首先定义一个数组
const arr = [1,2,3,4,5,6];
第一种：for循环
for (let i = 0;i
<arr.length;i++){
? ?console.log(arr[i]);
}
for(j=0,len=arr.length;j
<len;j++){} 这种方法基本上是所有循环遍历方法中性能最高的一种
第二种 for of?(需要ES6支持)?性能要好于forin，但仍然比不上普通for循环
for?(let?value?of?arr){
? ? ? ?console.log(value);
}
第三种 for in?它的效率是最低的
for?(let?i?in?arr){
? ? ? console.log(arr[i]);
?}
第四种 foreach()?实际上性能比普通for循环弱
????1、箭头函数写法
????arr.forEach(value?=>{
? ? ? ? console.log(value);
????})
????2、普通函数写法
????arr.forEach(function(value){
? ? ? ?console.log(value);
? ? ?})
第五种?entries()
for?(let?[index,?value]?of?arr.entries())?{
? ? ?console.log(value);
?}
第六种?keys()
for (let inx of arr.keys()){
console.log(arr[inx]);
}
第七种 reduce()
1、箭头函数
arr.reduce((pre,cur)=>{
? ? ? ?console.log(cur);
?})
2、普通函数
arr.reduce(function(pre,cur){
? ? ?console.log(cur);
})
第八种 map()?但实际效率还比不上foreach
1、箭头函数
?arr.map(value=>{
? ? ? ?console.log(value);
?})
2、普通函数
arr.map(function(value){
? ? ? console.log(value);
})
第九种?values()
for?(let?value?of?arr.values()){
? ? ? ?console.log(value);
?}
</arr.length;i++){
JS-集合（常见操作方法）
//我们的集合里面不允许有重复的元素
? ? function Set(){
//? ? 属性
? ? ? ? this.items={}
//? ? add方法
? ? ? ? Set.prototype.add=value=>{
//判断当前集合是否包含了该元素
? ? ? ? ? ? if (this.has(value))return false
? ? ? ? ? ? //将元素添加到集合中
? ? ? ? ? ? this.items[value]=value//集合中，键为value，值为value
? ? ? ? ? ? return true
? ? ? ? }
//? ? ? ? has方法--判断集合中是否有某一个元素！
? ? ? ? Set.prototype.has=(value)=>{
return this.items.hasOwnProperty(value)
}
//? ? ? ? remove方法
? ? ? ? Set.prototype.remove=(value)=>{
//? 1.判断集合中是否包含该元素
? ? ? ? ? ? if (!this.has(value))return false
? ? ? ? //? 2.包含则删除集合中的属性，delete是js中的属性
? ? ? ? ? ? delete this.items[value]
return true
? ? ? ? }
//? ? ? ? clear方法
? ? ? ? Set.prototype.clear=()=>{
this.items={}
}
//? ? ? ? size方法
? ? ? ? Set.prototype.size=()=>{
return Object.keys(this.items).length
? ? ? ? }
//? ? ? ? 获取集合中所有的值
? ? ? ? Set.prototype.values=()=>{
return Object.keys(this.items)
}
}
JS定义函数的几种常用方法小结
本文实例讲述了JS定义函数的几种常用方法。分享给大家供大家参考，具体如下：在 JavaScript 语言里，函数是一种对象，所以可以说函数是 JavaScript 里的一等公民（first-class citizens）。之前我们这样定义过一个函数：function greet(greeting, name) { return `${greeting}, ${name}`}因为在 JavaScript 里面是对象（object），所以它会有一些属性还有方法。比如 name 属性是函数的名字，length 属性指的是函数里面有多少个必须要传递的参数。比如访问上面定义的这个函数里的两个属性：greet.name// 输出 greetgreet.length// 输出 2，表示有两个参数函数都是 Function 的实例，所以你可以访问 Function 上定义的属性：name，length，可以使用方法：apply()，call()。可以这样证明：greet instanceof Function// 返回 'true'函数表达式函数是对象，也可以说函数是一个值，因为在 JavaScript 里面，它跟其它类型的值是一样的，比如字符串，数字。这就可以让我们使用函数表达式的方法来定义函数，也就是定义一个匿名函数（anonymous function），再把它交给一个变量。像这样：var greet = function (greeting, name) { return `${greeting}, ${name}`}Lambda 表达式ES6 可以让我们用 Lambda 表达式，也就是箭头函数（fat arrow function），看起来像这样：var greet = (greeting, name) => { return `${greeting}, ${name}`}上面这个函数的主体部分只有一行，就是 return 了一个字符串，所以我们可以让它更简洁一些：var greet = (greeting, name) => `${greeting}, ${name}`箭头右边的东西会自动被返回（return）。对象里的方法如果有一个函数是在一个对象里，一般我们称这种函数是对象的一个方法（method）。试一下：var obj = { greet: function (greeting, name) { return `${greeting}, ${name}` }}ES6 可以让我们这样为对象定义方法：var obj = { greet (greeting, name) { return `${greeting}, ${name}` }}上面定义了一个名字是 obj 的对象，在它里面添加了一个叫 greet 的方法。要使用这个方法可以这样：obj.greet('hello', ' my name is X ')// 返回 “ hello, my name is X ”更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》希望本文所述对大家JavaScript程序设计有所帮助。