ES6新特性总结之解构赋值和字符串模板

2024-05-10 21:43:08

解构赋值：

非常有用，特别在做数据交互 ajax

let [a,b,c] = [12,3,4]

注意：左右两边，结构格式要保持一致

json:

let {name,age,job} = {

name:'stive',

age:'17',

job:'码农'

};

let {name:n,age:a,job:j} = json

解构的时候可以给默认值：

let [a,b,c="默认值"]=["aa","bb"]

可以用来数据交换:

let a = 12;

let b = 13;

[a,b] = [b,a];

字符串模板``

关于字符串一些东西

优点：可以随意换行 `${变量名字}`

字符串连接

let name = 'qiqi';

let age = 17;

let str = `这个人叫${name},年龄是${age}岁`;

注：以下知识点非es6

字符串查找：

str.indexOf(要找的东西) 返回索引（位置），没找到返回-1

str.includes(要找的东西) 返回值 true/false

字符串是否以谁开头： ----检测地址

str.startWith(要检测的东西)

字符串是否以谁结尾：-----检测文件格式.png

str.endsWith(要检测的东西)

重复字符串：str.repeat(次数)

填充字符串：str.padStart(整个字符串长度,填充内容) 往前填充

str.padEnd(整个字符串长度,填充内容) 往后填充

str.padStart(str.length+padStr.length,padStr)

转载于:https://juejin.im/post/5bad97806fb9a05d2567e749

ES6新特性总结之解构赋值和字符串模板相关推荐

vue解构赋值_前端开发es6知识模块化、解构赋值、字符串模板
项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍1.块级作用域 let const 2.箭 ...
let的解构赋值_前端开发es6知识模块化、解构赋值、字符串模板
项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2. ...
学习笔记20230508--es6新特性打散数组和解构赋值 (应用层面)
在今天学习的过程中,对es6的新特性打散数组和解构赋值有了全新的认识,现学习分享如下- 欢迎各位大神们指教纠错
最详细ES6教程_变量的解构赋值
最详细ES6教程_变量的解构赋值数组的解构赋值基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定 ...
ES6基础：变量的解构赋值
ES6基础系列之变量的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构.这种方式的出现大大提高了代码的扩展性前言一.数组的解构赋值二.对象的解构赋值三.函 ...
JavaScript学习笔记 -- ES6学习(三) 变量的解构赋值
1.解构赋值的定义在ES6中,允许按照一定模式,从数组和对象中提取值(所谓解构),然后对变量进行赋值. var a = 1; var b = 2; var c = 3;//等价于var [a, b, ...
ES6入门：变量的解构赋值
1.数组的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b ...
ES6学习之 - 变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring) 1. 数组的解构赋值以前,为变量赋值,只能直接指定值. let a = 1; let b ...
【ES6学习】对象的解构赋值
解构不仅可以用于数组,还可以用于对象. let { foo , bar } = { foo :"aaa ", bar :"bbb " } ; too // &q ...
ES6新语法--解构赋值
对象解构赋值 ※很重要 /*** 对象解构赋值:获取元素中属性的值,然后赋值给变量*///声明一个对象 let obj = {name:'chen',age:38,gender:'man',score ...

最新文章

热门文章