美文网首页编程学习笔记web开发JavaScript 进阶营
[解构赋值-05]字符串&布尔值的结构赋值

[解构赋值-05]字符串&布尔值的结构赋值

作者: 飞蝗tengda | 来源:发表于2018-12-30 19:20 被阅读0次

#字符串的结构赋值


const str = 'I am the bone of my sword'; // 我是剑骨头

我们可以用数组的解构赋值来对字符串进行结构赋值。

所以变量的取值需要位置决定

//这样我们就得到
//a = "I"
//b = " "
//c = a
const [ a, b ,c] = str;

同样,我们可以用到扩展运算符

//扩展运算符会把剩余的字符组成为一个数组赋值给oth
//["m", " ", "t", "h", "e", " ", "b", "o", "n", "e", " ", "o", "f", " ", "m", "y", " ", "s", "w", "o", "r", "d"]
const [ a, b ,c, ...oth ] = str;

运用

  1. 分解字符串
这三种方式得到的结果一样
const [ ...spStr1 ] = str;
const spStr2 = str.split('');
//扩展运算符合并数组的方式再赋值给变量spStr3
const spStr3 = [ ...str ];
  1. 提取字符串的属性和方法
//取字符串的length属性和split方法
const { length, split } = str;

const { length, split } = str;

相关文章

  • ES6 2.解构赋值

    解构赋值 解构赋值的分类 数组解构赋值 对象解构赋值 字符串解构赋值 布尔值解构赋值 函数参数解构赋值 数值解构赋...

  • ES6 语法(解构赋值)

    什么是解构赋值及用法 解构赋值分类:数组解构赋值对象解构赋值字符串解构赋值布尔值解构赋值函数参数解构赋值数值解构赋...

  • 2.变量的解构赋值

    数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题用途

  • ES6 变量的解构赋值

    数组的解构赋值 对象的解构赋值 字符串的解构赋值 数值和布尔值的解构赋值 函数参数的解构赋值 圆括号问题 用途

  • 变量的解构赋值

    数组的解构赋值 对象的解构赋值 字符串的解构赋值 数值和布尔值的解构赋值 函数参数的解构赋值 圆括号问题 用途 数...

  • 解构赋值和拓展运算符

    解构 1、数组解构 2、对象的解构赋值 3、字符串的解构赋值 4、数值和布尔值的解构赋值 5、函数参数的解构赋值 ...

  • 解构赋值

    ES 6 的解构赋值: 1,数组的解构赋值2,对象的解构赋值3,字符串的解构赋值4,数值和布尔值的解构赋值5,函数...

  • 变量的解构赋值 - 字符串、数值、布尔值、函数参数

    一、字符串的解构赋值 二、数值和布尔值的解构赋值 三、函数参数的解构赋值 变量的解构赋值 - 数组篇[https:...

  • 解构赋值

    数组解构赋值 等号右边为数组或具备Iterator接口 对象解构赋值 字符串解构赋值 数值和布尔值解构赋值 函数参...

  • 5.ES6解构赋值-字符串、数值和布尔值、函数

    什么是解构赋值 案例(字符串、数值和布尔值、函数)解构赋值:

网友评论

    本文标题:[解构赋值-05]字符串&布尔值的结构赋值

    本文链接:https://www.haomeiwen.com/subject/wgmwkqtx.html