什么是JavaScript中的箭头函数（arrow functions）？1. 引言箭头函数（Arrow Functions）是ES6（ECMAScript 2015）引入的一种简洁的函数定义方式。它们不仅在语法上更加简洁，还在行为上与传统的函数表达式有所不同。本文将详细介绍箭头函数的语法、特点、与普通函数的区别，以及使用场景和注意事项。2. 箭头函数的语法2.1 基本语法箭头函数使用=>符号来定义，语法形式如下：(param1, param2, ..., paramN) => { /* function body */ }如果只有一个参数，可以省略括号：param => { /* function body */ }如果函数体只有一个表达式，可以省略大括号和return关键字：(param1, param2) => param1 + param2;2.2 示例// 无参数的箭头函数 const greet = () => { console.log('Hello, World!'); }; // 一个参数的箭头函数 const square = x ...
1、定义filter()创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。2、语法array.filter(function(currentValue,index,arr), thisValue);3、参数说明返回4、用法filter() 方法用于把Array中的某些元素过滤掉，然后返回剩下的未被过滤掉的元素。5、注意事项1、filter() 不会对空数组进行检测；2、filter() 不会改变原始数组。6、使用实例1.返回数组array中所有元素都大于等于14的元素、返回等于14、返回大于某个值和小于某个值的元素的元素。const array = [14, 17, 18, 32, 33, 16, 40]; const newArr = array.filter(num => num > 14) console.log(newArr);//打印 [17,18,32,33,16,40] // 查找某个值------------------------- const array = [14, 17, 18, 32, 33, 16, 40]; const ...
JS数组去重的方式例：将下面数组去除重复元素（以多种数据类型为例）const arr = [1, 2, 2, 'abc', 'abc', true, true, false, false, undefined, undefined, NaN, NaN]1.利用Set()+Array.from()Set对象：是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即Set中的元素是唯一的。Array.from() 方法：对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。const result = Array.from(new Set(arr)) console.log(result) // [ 1, 2, 'abc', true, false, undefined, NaN ]注意：以上去方式对NaN和undefined类型去重也是有效的，是因为NaN和undefined都可以被存储在Set中， NaN之间被视为相同的值（尽管在js中：NaN !== NaN）。2.利用两层循环+数组的splice方法通过两层循环对数组元素进行逐一比较，然后通过splice方 ...
1. 认识箭头函数es6 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数：// 普通函数 let sum = function(a, b) { return a + b; } // 箭头函数 let sum1 = (a, b) => { return a + b; }箭头函数简洁的语法对开发者来说是十分友好的，从上面的例子可以得知箭头函数的简单用法：(参数) => { 函数体 }2. 箭头函数的一些用法1. 省略包含参数的小括号如果只有一个参数，那也可以不用括号。只有没有参数，或者多个参数的情况下，才需要使用括号：// 有效 let sum = (x) => { return x; }; // 有效 let sum1 = x => { return x; }; // 没有参数需要括号 let sum2 = () => { return 1; }; // 有多个参数需要括号 let sum3 = (a, b) ...
在JavaScript中，Array类型是非常常用的类型。与其他语言的数组不同，JavaScript给Array数组提供了大量的方法，因此在JavaScript中，对数组进行操作其实非常灵活。在本文中，我总结了一下JavaScript中Array删除的方法。一、lengthJavaScript中Array的length属性非常有特点一一它不是只读的。因此，通过设置这个属性可以从数组的末尾移除项或添加新项，请看下面例子：//移除元素 var arr=[1,2,3,4]; //创建一个包含4个数字的数组 arr.length = 2; console.log(arr); //[1, 2] //添加元素 var arr=[1,2,3,4]; //创建一个包含4个数字的数组 arr.length = 5; console.log(arr); //[1, 2, 3, 4, undefined] console.log(arr[4]) //undefined二、delete关键字JavaScript本身的delete关键字，可以用来删除（清除）数组元素。var arr = [1, 2 ...
在JavaScript中数组元素删除的八种方法汇总这篇文章中，我们总结了八种数组删除的JS方法，下面我们将他们应用于具体场景中，更好的说明JS中如何删除数组元素。一、删除第一个元素1、shift() 方法调用shift()方法可以把数组的第一个元素删除，并返回第一个元素的值。注意： 此方法改变数组的长度！提示: 移除数组末尾的元素可以使用 pop() 方法。var arr = [1, 2, 3, 4] arr.shift() // 1 // arr => [2, 3, 4]2、slice() 方法slice() 方法可从已有的数组中返回选定的元素。slice() 方法不仅可以用于数组，还能用于字符串。slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。注意： slice() 方法不会改变原始数组。var arr = [1,2,3,4] var newArr = arr.slice(1) // arr => [1,2,3,4] // newArr => [2,3,4]3、splice() 方法splice() 方法用于添加或删除数组中的元素。注 ...
最近突发奇想，想试试用编程方式请求百度来进行随机搜索，这就需要随机生成一窜汉字字符。经过网络上的一番搜索，发现可以用unicode编码来实现。Unicode编码是16进制数，其中汉字对应范围是[\u4e00-\u9fa5]，而4e00和9af5是16进制值。因此我们需要通过parseInt转换，得到他们10进制的数值19968-40869，也就是下文中的start和end。接着我们再随机生成start和end之间的一个数，然后将这个数转换成16进制，并用\u拼接起来，这样一个随机的代表汉字的Unicode编码就产生了。如果需要生成多个汉字，则直接使用for循环即可。最后用eval输出一下生成的随机Unicode编码，就能得到一窜随机的汉字。const createRandomChinese = (count:number) => { const start = parseInt('4e00', 16) const end = parseInt('9fa5', 16) let name = '' for(let i = 0; i < count ...
创作场景 记录闭包的博客中有一个节流函数的实际用法和这个知识点相关，创作过程中发现这个知识点涉及到的还有很多，在此记录一下相关的所有知识点并进行比较。阅读前提 此博客适用于所有人群，不仅有基础的用法，同时也对多种实现方式进行比较，本文将围绕一个例子进行讲解，并对涉及到的所有知识点进行穿插，最后进行总结。提前了解的知识点1. 页面可视化高度（clientHeight） 页面可视化高度指的是你当前页面能看到内容的高度，这个高度是可以动态变化的，比如你打开了F12调试器，那么你的可视化高度就会变化，如果你将浏览器最大化，那么你的可视化高度也会变化，但这并不代表你实际页面的高度，可能你的页面高度会远远超过页面可视化高度。代码实现：document.body.clientHeight2. 滚动条高度（scrollHeight） 滚动条高度就是当你的页面高度超过了页面可视化高度，比如body的高度是900，你的页面高度是800，那么滚动条就会产生，一般来说，滚动条高度是比你的页面高度要大16px，可能不同设备会不一样。代码实现：document.body.scrollHeight统 ...
我在JSON parse函数中使用转义引号时，遇到了一个常见的问题。如果存在转义引号，在本例中为“test”，则会导致以下错误'SyntaxError: JSON Parse error: Unterminated string'.var information = JSON.parse('[{"-1":"24","0":"","1":"","2":"","3":"0.0000","4":"","5":"0.00","6":"0.00","7":"1.00","8":"0","9":"false","10":"false","11":[""],"12":"","13":"","14":"test\""}]');JSON Lint验证该JSON为有效的。
