2022-02-18 复习substring()和map()的用法,使用ES2017新增padStart方法将字符串按长度为8拆分每个输入字符串并进行输出

1.需求

•输入一个字符串，请按长度为8拆分每个输入字符串并进行输出；
•长度不是8整数倍的字符串请在后面补数字0，空字符串不处理

2.代码

let str = "heLloWolrdeeeee";
let arr = []
for (let i = 0; i < str.length; i = i + 8) {
  arr.push(str.slice(i, i + 8).padEnd(8, 0))
}
arr.map(e => console.log(e))

输出

heLloWol
rdeeeee0

3.padStart和padEnd介绍

ES2017 引入了字符串补全长度的功能。
如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全

  let str = 'hello'
  // 从开始处用* 补齐10位
  console.log(str.padStart(10,'*')) 
  // 从结尾处用* 补齐10位
  console.log(str.padEnd(10,'*'));   
  // 从开始处用* 补齐10位，从结尾处用# 补齐15位
  // 已经有10位了，再添加5个#就可以了
  console.log(str.padStart(10,'*').padEnd(15,'#'));
  //输出:*****hello#####

4.复习:使用substring截取字符串片段

   let str = "heLloWolrdeeeee";
   //用法一:String.substring(start)
   console.log(str.substring(3)); //loWolrdeeeee
   // 用法二:String.substring(start,end)
   console.log(str.substring(3, 6));//loW

5.复习:使用map映射数组

示例

map()可以按照某种映射关系,把数组的每一个元素给修改了
==>映射进新数组
但map()方法不会改变原始数组

语法: array.map( function ( item, index, arr) {} )

第一个参数:item,必须,当前元素的值
第二个参数:index,可选,当前元素在数组中的索引值
第三个参数:arr,当前元素属于的数组对象

示例:

const arr = [88,90,100,20,50]
const res = arr.map(item => item * 0.8);//全场八折