结果赋值字符串

本文详细介绍了JavaScript中ES6的结构赋值语法,包括对数组和对象的多维赋值、剩余运算符、默认解构以及新增的字符串方法如.includes(),.startsWith(),.endsWith(),repeat(),padStart(),padEnd()和模板字符串的使用。
摘要由CSDN通过智能技术生成

结构赋值
他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。
数组
基本

let [a, b, c] = [1, 2, 3];
// a = 1
// b = 2
// c = 

多维数组同样可以赋值

let [a, [[b], c]] = [1, [[2], 3]];
// a = 1
// b = 2
// c = 3

赋值的对象如果有缺失不会影响赋值

let [a, , b] = [1, 2, 3];
// a = 1
// b = 3

如果将空赋值给赋值对象(未定义)

let [a = 1, b] = []; 
// a = 1, b = undefined

剩余运算符

let [a, ...b] = [1, 2, 3];
//a = 1
//b = [2, 3]

诺赋值对象是一个单词而赋值对象为多个

let [a, b, c, d, e] = 'hello';
// a = 'h'
// b = 'e'
// c = 'l'
// d = 'l'
// e = 'o'

对象
基本

let { a, b} = { a: 'aaa', b: 'bbb' };
// a= 'aaa'
// b = 'bbb'
let { bb: fff} = { bb: 'ddd' };
// fff= 'ddd'

可以内套对象,也可以有忽略

let obj = {p: ['hello', {y: 'world'}] };
let {p: [x, { y }] } = obj;
// x = 'hello'
// y = 'world'
let obj = {p: ['hello', {y: 'world'}] };
let {p: [x, {  }] } = obj;
// x = 'hello'

不完全解构

let obj = {p: [{y: 'world'}] };
let {p: [{ y }, x ] } = obj;
// x = undefined
// y = 'world'

同样拥有剩余运算符

let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};
// a = 10
// b = 20
// rest = {c: 30, d: 40}

默认解构(后赋值盖扩前面的)

let {a = 10, b = 5} = {a: 3};
// a = 3; b = 5;
let {a: aa = 10, b: bb = 5} = {a: 3};
// aa = 3; bb = 5;
// aa = 3; bb = 5;

es6新增字符串的方法

ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。

1.includes():返回布尔值,判断是否找到参数字符串。

2.startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。

3.endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。

startsWith与endsWith方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(下标0)。

查找到返回true,否则返回false
不能写正则验证

repeat :返回新的字符串,表示将字符串重复指定次数返回。

1.如果参数是小数,向下取整
2.如果参数是 0 至 -1 之间的小数,会进行取整运算,
(0 至 -1 之间的小数取整得到 -0 ,等同于 repeat 零次)
3.如果参数是 NaN,等同于 repeat 零次
4.如果参数是负数或者 Infinity ,会报错:
5.如果传入的参数是字符串,零次

padStart(总长度,“字符串”):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
padEnd():返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
// 以上两个方法接受两个参数,第一个参数是指定生成的字符串的最小长度,
// 第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。
1
2
模板字符串
模板字符串`` 添加a / / l e t a = 9999 ;
/ / l e t s t r 1 = " h j d s f h f d s h j g d f " + a +

/ / l e t s t r 2 = ‘ s d h h a k j s h d j k a s d h j s {a} // let a = 9999;
// let str1 = “hjdsfhfdshjgdf”+a+
// “hgfsdgfhsdghfg”;
// console.log(str1);

//letstr2=‘sdhhakjshdjkasdhjs{a}
// akhdjka
// shdjjkda
// ssjkdahjad // console.log(str2);
// 标签模板 // alertHello world!`;
// 等价于
// alert(‘Hello world!’);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值