初级篇1、三目运算符const x = 20; let answer; if(x > 10) {   answer = 'greater than 10'; }else {   answer = 'less than 10'; }简写为: const answer = x > 10 ?  'greater than 10' :  'less t
转载 2024-05-21 12:46:30
144阅读
Javascript Es6方法合集1.filter2.map3.reduce10.findIndex 1.filter原理filter()方法会创建一个新数组,原数组的每个元素传入回调函数中,回调函数中有return返回值,若返回值为true,这个元素保存到新数组中;若返回值为false,则该元素不保存到新数组中;原数组不发生改变。let values=[NaN, 10, 10, 0, 10,
转载 2024-06-30 19:30:13
23阅读
代码精炼是每个有追求的程序所向往的,本文总结了19个JavaScript的简写技术,其中包括三元操作符、短路求值简写方式、声明变量简写方法等等,还有些自己的理解加上去;希望对你有帮助。三元操作符当想写if...else语句时,使用元操作符来代替const x = 20; let answer; if(x > 10){ answer = 'is greater'; }else{
转载 2024-05-01 23:25:24
92阅读
常见方法,一看就会用的,就不代码去实现操作了,复杂的就demo一下。join() 功能:将数组中所有元素都转化为字符串并连接在一起。reverse() 功能:将数组中的元素颠倒顺序。concat() 功能:数组拼接的功能 ,返回新数组,原数组不受影响。slice() 截取数组生成新数组,原数组不受影响。 返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定位置之间的所有元素。如果为负数,
1. indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符
转载 2024-07-14 16:42:17
20阅读
ES6数组的一些常用方法1.filter 过滤 查找大于10的数 查找数组中复合条件的元素 会对数组中所有元素遍历,找到所有符合的,生成数组2.find 查找 找到符合条件的第一个元素findIndex 查找符合条件的元素的第一个下标 indexof 不能写条件4.includes() arr.includes(8) 判断 arr 数组中是否有元素8 有的话返回true 否则 false5.ind
1.箭头函数=> ([函数的形参,多个参数则以逗号分隔]) => [函数返回的值/表达式] 箭头函数则会捕获其所在上下文的 this 值,作为自己的 this 值。这样就 不需要利用闭包来保存this了。 2.let 自ES6,javascript开始拥有块级作用域,而 let 则是配合块级作用域,作为替代 var 的一个语法定义。 有了块级作用域,再也不
转载 2024-05-20 16:25:31
96阅读
1.1 对象在 Javascript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)1.2 类 class类抽象了对象的公共部分,它泛指某一大类(class)对象特指某一个,通过实例化一个具体的对象面向对象的思维特点:1、抽取
转载 2024-07-10 20:49:15
108阅读
一、ES6得新增数组方法ES6中对数组新增了四大“金刚”函数:forEach()、map()、filter()、reduce(),都是一些语法糖。forEach()是es5语法1 forEach()遍历数组 forEach()方法用来循环遍历数组,方法中的function回调函数接收3个参数 第1个是遍历的数组内容(item);第2个是对应的数组索引(index),第3个是数组本身(array)。
转载 2024-03-26 12:08:21
87阅读
什么是Map        介绍什么是Map,就不得不说起Object对象,我们都知道Object对象是键值对的集合:  1 //Object对象 2 {"name":"前端君","gender":1}   现在,ES6 提供了Map结构给我们使用,它跟Object对象
转载 2024-05-21 12:02:23
46阅读
        因为ES6的出现, 数组出现了很多的方法; 这里就来聊一聊在实际开发中会遇到的数组迭代方式. 如:        1. map()       &nbsp
什么是JSP?Java Server Pages : Java服务器端页面,也和Servlet一样,用于动态Web技术!JSP的本质其实就是一个Servlet。可以理解为:一个特殊的页面,其中既可以指定定义html标签,又可以定义java代码JSP与HTML的区别HTML只给用户提供静态的数据JSP页面中可以嵌入JAVA代码,为用户提供动态数据JSP与Servlet的区别servlet 很难对数据
ES6,全称ECMAScript 6.0。它是JavaScript语言的下一代标准,于2015年6月正式发布。ES6 的出现主要是为了解决 ES5 的先天不足,比如JavaScript中没有类的概念。ES6的目标,是使得JavaScript语言可以适应更复杂的应用,成为企业级开发语言。下面就让我们一起看看ES6的新语法吧!1. ES6新增的声明关键字let命令 let用法类似于var:var a
转载 2024-04-07 13:58:49
364阅读
es5:concat 、join 、push、pop、shift、unshift、slice、splice、substring和substr 、sort、 reverse、indexOf和lastIndexOf 、every、some、filter、map、forEach、reducees6:find、findIndex、Array.from、includes、Array.of、fill、copy
转载 2024-03-26 15:58:26
45阅读
一、数据类型(let/const)1、在其他语言(如C/C++/java等)中,变量最小作用域是以{}括起来的块级作用域,相对而言,在es5前,js中最小的作用域为函数,这样会导致在某些场景下,运用起来会比较繁琐。举例子1 for (var i = 0; i < 3; i++) { 2 setTimeout(function() { 3 console.log(i);
转载 2023-11-03 13:26:45
58阅读
属性的简洁表示ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo};上面代码中,变量foo直接写在大括号里面。这时,属性名就是变量名, 属性值就是变量值。下面是另一个例子。functio
文章目录一、前言二、ES6的相关语法1、let、const的用法2、数组和对象的解构3、模板字符串4、函数的默认参数和剩余参数5、箭头函数6、展开语法7、Symbol的使用8、Set和WeakSet9、Map和WeakMap三、结语 一、前言JavaScript这门语言在设计之初,其实会存在某些问题,随着JavaScript这门语言越来越流行, ECMA国际标准化组织在ES5的基础上,推出了许多
转载 2024-03-31 09:18:15
46阅读
 箭头函数特点:    1.不具备this和arguments    2.自己没有this就找上一级的this更改this指向的方法:   1.call,apply,bind   2.var that=this   3.箭头函数=>function()转箭头函数的方法:&n
转载 2023-12-09 15:54:35
64阅读
这里写目录标题一、解构赋值1、数组解构(1)数组中变量和值数量一致(2)数组中变量和值数量不一致2、对象解构二、扩展运算符三、箭头函数1、箭头函数的写法2、箭头函数注意点3、箭头函数的不适用四、模板字符串五、Set 和 Map1、Set含义和基本用法1)Set 实例的属性:2)Set 实例的方法3)Set 遍历方法:2、Map含义和基本用法1)Map 结构的实例有以下属性和操作方法。2)遍历方法
转载 2024-04-10 14:48:45
32阅读
ES6中为数组(Array)添加了很多新方法,它让数组的操作变得更加简单。一. 静态方法所谓静态方法就是针对构造函数的方法,和实例化的对象的方法是不同的。 (1)Array.from() from()方法可以将一个类数组对象转化为真正的数组,方法如下://首先定义几个dom标签 var tags = document.getElementsByTagName("div"); var arr
  • 1
  • 2
  • 3
  • 4
  • 5