首页 > 其他分享 >es6

es6

时间:2023-08-01 19:55:05浏览次数:25  
标签:es6 arr false log str var console

ES6概念:ES6 是 JavaScript 语言的下一代标准,使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

变量声明:

var全局变量 1.全局作用域 2.可以声明变量 3.没有if,switch,for,while,do,else作用域会变量提升

let 局部变量 1.局部作用域(在一对{}启用)2.不能变量提升 3.在一个作用域里面不能重复声明

const常量 1.let一样 2.不能变量提升 3.在一个作用域里面不能重复声明 4.建议大写 5.值类型不能被修改

解构:

数组:var[a,b,,c=20,...rest]=[1,2,3,4,5]

1.[]解构符号 2.,一位 3. ...rest 剩余 4.c=10 默认参数(有顺序的)

对象:var{name,age,leg=20,...rest}=obj;

1.{}符号 2.没有顺序 3....rest 剩余

ES6 字符串扩展方法
trim清除两边空格
repeat重复
includes查找是否包含,返回的是true或者false
(以前用的是indexOf,lastindexOf,返回的是下标或者-1)
startWith 以......开头
endWidth 以.....结尾
字符串模板
``定义字符串,用${}定义js

字符串
1 遍历
for for of遍历
for(let s of str){console.log(s)}

var str = 'yue璾 口';
for(var i=0;i<str.length;i++){
console.log(str[i])
}
for(i of str){
console.log(i);
}
2消除空格 trim trimLeft,trimRight

var str=" 我爱我的祖国 ";
console.log(str)
console.log(str.trim())
3 重复 repeat

console.log("你好".repeat(1000))
4 查找是否包含indexof lastIndeof 下标|-1 includes是否包含 true|false

var str="你在干什么";
alert(str.includes("你在"))

5 检测
indexOf,lastIndexOf:返回值下标|-1
includes(查找字符串)true|false
startsWith(查找字符串)true|false
endsWith(查找字符串)true|false

var str= "你在干什么呢";
alert(str.startsWith('你'));

6 填充
padStart(填充 repea(重复的次数)总位数,填充字符串)
padEnd(填充总位数,填充字符串)

var str="1";
console.log(str.padStart(3,"0"))
console.log(str.padEnd(5,"2"))
7 字符串模板 ``定义字符串,用${}定义js
可以随意换行,可以随意使用符合

var s="花轿";
var str=`你好,你现在${s.length>5?'八抬大轿':'大奔驰真好'},很不错啊`;
console.log(str);
8 includes 检查

let arr = [5,"喜欢","吃肉"];
alert(arr.includes("喜欢"))
9 fill填充

var arr=[];
// // 设置长度
arr.length=5;
// // 填充数组
arr.fill("填充内容",0,5);
// // 输出
console.log(arr);
10 去重filter

var arr=[1,2,2,3,1,2,2,1,2,5]
var arr2=arr.filter(function(item,index){
console.log(index)

if(arr.indexOf(item)==index){
return true;
}else{
return false;
}
})

console.log(arr2);

拼接
+ ``+${}
var str=`你是${num}人`
num=什么

数组
Array.from(类数组)
把类似数组转换数组
高阶方法
forEac(function(item,index,self){})
item遍历的元素
index元素的下标
self数组本身
map()
映射一个数组
filter(item=>true保留||false过滤掉)
过滤
reduce()
累计
some()
有一个true,整体返回false
every()
有一个返回false,整体返回false
find()查找符合条件的元素
findInex()查找符合条件的元素
sort((a,b)=>a-b)排序
includes 检测是否包含
fill()
填充数组
————————————————
版权声明:本文为CSDN博主「m0_70158561」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_70158561/article/details/125415556

标签:es6,arr,false,log,str,var,console
From: https://www.cnblogs.com/wj204/p/17598935.html

相关文章

  • ES6~ES9
    ES61.let1.1let变量声明及声明特性let用来声明变量,具有以下特性:一、相较于var,let变量不能重复声明leta='a';leta='a'; //此时会报错二、块级作用域(es5中共有三种作用域:全局、函数、eval),即let定义的变量只在块级作用域内有效{leta='a';}consol......
  • JavaScript学习笔记01(包含ES6语法)
    Js简介什么是Js?Js最初被创建的目的是“使网页更生动”。Js写出来的程序被称为脚本,Js是一门脚本语言。被直接写在网页的HTML中,在页面加载的时候自动执行脚本被以纯文本的形式提供和执行,不需要特殊的准备或编译即可运行(JINcompiler)Js不仅可以在浏览器中执行,也可以......
  • 66.ES6模块与CommonJS模块、AMD、CMD的差异
    66.ES6模块与CommonJS模块、AMD、CMD的差异。1.CommonJS模块输出的是一个值的拷贝,ES6模块输出的是值的引用。CommonJS模块输出的是值的拷贝,也就是说,一旦输出一个值,模块内部的变化就影响不到这个值。ES6模块的运行机制与CommonJS不一样。JS引擎对脚本静态分析的时候......
  • ES6 标准入门 笔记1
    一、ECMAScript1.ECMAScript和JavaScript的关系:前者是后者的规格,后者是前者的实现。2.ES6指的是ES5.1版本以后的JavaScriptD下一代版本。3.初版ES6从制定到发布经历了15年(2000-2015)。(ES2015:2015年6月发布)4.ECMAScript提案阶段:4.1Strawman(展示阶段);4......
  • 模块化Common.js与ES6
    为什么要模块化开发1.依赖关系(a文件依赖b文件中的方法,b文件必须在a文件之前引入)2.命名问题(多个文件变量名,方法名相同会出现覆盖)3.代码组织(后期不好维护)模块化规范有1.Common.js规范node,webpack使用的Common.js规范Common.js的导出与引入结论:1.module.expor......
  • JavaScript|ES6语法
    1箭头函数1)语法constfn=(参数)=>{函数体}constfn=(x)=>x+1简写constfn=(x)=>x+1当函数体中只有一行return时可以同时省略{}和return2)示例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"......
  • OpenLayers入门篇es6之第一个地图
    一、介绍OpenLayers是一个用于开发WebGIS客户端的JavaScript包。OpenLayers支持的地图来源包括GoogleMaps、Yahoo、Map、微软VirtualEarth等,用户还可以用简单的图片地图作为背景图,与其他的图层在OpenLayers中进行叠加,在这一方面OpenLayers提供了非常多的选择。除此之外,OpenLa......
  • 复习ES(6-11)语法之ES6下篇
    目录异步操作前置知识PromiseGenerator原理用法异步状态管理Iterator原生具备Iterator接口的数据结构Generator遍历不可迭代对象模块化规范异步操作前置知识JS是单线程的单线程即一个时间只能处理一个任务。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM......
  • ES6 的 新特性 3 箭头函数
    箭头函数的作用:1.比function这种写法更加简洁;2.可以解决thsi指向的问题,因为它不会创建自己的this,而是继承上一级作用域的this。使用场景:1.当函数内部不需要用到this的时候,都可以用箭头函数代替function;2.需要this,但是需要的是上一级作用域的this。箭头函数的几种写法:......
  • ES6 的 新特性 4 剩余参数,对象值省略
    剩余参数用于声明不确定参数数量的函数functionsum(first,...args){console.log(first);//10console.log(args);//[20,30]}sum(10,20,30)箭头函数也可以用constsum=(...args)=>{lettotal=0;args.forEach(item=>total+=i......