ES6中字符串和数组新增的方法

  • 一、字符串中新增的方法
    • 1、模板字符串 (表达式、函数的调用、变量)
    • 2、repeat(次数)函数 : 将目标字符串重复N次,返回一个新的字符串,不影响目标字符串
    • 3、includes()函数 :判断字符串中是否含有指定的子字符串,返回true表示含有 false表示未含有,第二个参数从索引开始查找
    • 4、startWith()函数 :判断指定的字符串是否出现在目标字符串的开头位置
    • 5、endsWith()函数 :判断指定的字符串是否出现在目标字符串的尾部位置
    • 6、String.raw函数 (不太重要 和模板字符串连用)
  • 二、数组中新增的方法
    • 1、Array.of()函数 函数作用 :将一组值,转换成数组
    • 2、Array.from()函数 函数作用:可以将类似数组的对象或者可遍历的对象转换成真正的数组。
    • 3、find()函数 函数作用 : 找出数组中符合条件的第一个元素
    • 4、findIndex()函数 函数作用 :找出数组中符合条件的第一个元素的索引
    • 5、fill函数 函数的作用 :用指定的值,填充到数组,会改变原数组
    • 6、entries()函数 函数作用 :对数组的键值对进行遍历,返回一个遍历器,可以用for..of对其进行遍历
    • 7、keys函数 函数的作用:对数组的索引值进行遍历,返回一个遍历器
    • 8、values函数 函数的作用:对数组的元素进行遍历,返回一个遍历器

一、字符串中新增的方法

1、模板字符串 (表达式、函数的调用、变量)
 //      \n为换行 var str = 'hello\nword'console.log(`${str}`);

控制台打印效果图:

2、repeat(次数)函数 : 将目标字符串重复N次,返回一个新的字符串,不影响目标字符串
 // 2、repeat(次数)函数 : 将目标字符串重复N次,返回一个新的字符串,不影响目标字符串var str = '我们就是我们'console.log(str.repeat(2));

控制台打印效果图:

3、includes()函数 :判断字符串中是否含有指定的子字符串,返回true表示含有 false表示未含有,第二个参数从索引开始查找
  // 3、includes()函数 :判断字符串中是否含有指定的子字符串,返回true表示含有 false表示未含有,第二个参数从索引开始查找console.log(str.indexOf('我')); // indexOf() 从前往后查找,查找到第一个就返回它的位置,没有返回-1console.log(str.lastIndexOf('我')); // lastIndexOf() 从后往前查找,查找到第一个就返回它的位置,没有返回-1console.log(str.includes('一', 2)); // true 第二个参数从索引开始往后查找// 任何字符串中都有空字符console.log(str.includes('')); // true

控制台打印效果图:

4、startWith()函数 :判断指定的字符串是否出现在目标字符串的开头位置
  // 4、startWith()函数 :判断指定的字符串是否出现在目标字符串的开头位置console.log(str.startsWith('们', 3));  // false  第二个参数从索引开始查找

控制台打印效果图:

5、endsWith()函数 :判断指定的字符串是否出现在目标字符串的尾部位置
  // 5、endsWith()函数 :判断指定的字符串是否出现在目标字符串的尾部位置console.log(str.endsWith('期', 8)); // flase   第二个参数从索引之前查找

控制台打印效果图:

6、String.raw函数 (不太重要 和模板字符串连用)
 // 6、String.raw函数  (了解 和模板字符串连用)  \n 为换行console.log('hello\nword');console.log(String.raw`hello\nword`);

控制台打印效果图:

二、数组中新增的方法

1、Array.of()函数 函数作用 :将一组值,转换成数组
  var arr1 = Array.of(1, 2, 3, 4, 5, 6)console.log(arr1);console.log(arr1.push(7));

控制台打印效果图:

2、Array.from()函数 函数作用:可以将类似数组的对象或者可遍历的对象转换成真正的数组。
  // 2、Array.from()函数  函数作用:可以将类似数组的对象或者可遍历的对象转换成真正的数组。var str1 = '我们是不一样的烟火'console.log(Array.from(str1));// 深拷贝 传值let arr2 = [1, 2, 3]const arr3 = Array.from(arr2)console.log(arr3);arr3.pop(3)console.log(arr3);console.log(arr2);const a = { name: 1 }a.age = 1;console.log(a);

控制台打印效果图:

3、find()函数 函数作用 : 找出数组中符合条件的第一个元素
  // 3、find()函数 函数作用 : 找出数组中符合条件的第一个元素var str = [1, 2, 3]var arr = str.find(function (value) {return value > 2})console.log(arr);  // 3

控制台打印效果图:

4、findIndex()函数 函数作用 :找出数组中符合条件的第一个元素的索引
  // 4、findIndex()函数  函数作用 :找出数组中符合条件的第一个元素的索引var str = [1, 2, 3]var arr = str.findIndex(function (value) {return value > 1})console.log(arr); // 1

控制台打印效果图:

5、fill函数 函数的作用 :用指定的值,填充到数组,会改变原数组
  var str = [1, 2, 3]console.log(str.fill(4));   // 4 4 4

控制台打印效果图:

fill( 填充的内容,开始位置结束位置)
在这里插入代码片

 // fill( 填充的内容,开始位置,结束位置)var str = [1, 2, 3]console.log('我是本来的数组' + '--------------------' + str);console.log('我是填充后的数组' + '--------------------' + str.fill(4, 1, 2)); // 1,4,3

控制台打印效果图:

6、entries()函数 函数作用 :对数组的键值对进行遍历,返回一个遍历器,可以用for…of对其进行遍历
  // 6、entries()函数   函数作用 :对数组的键值对进行遍历,返回一个遍历器,可以用for..of对其进行遍历/*键值对 :key value*/let str2 = [10, 20, 30, 40]console.log(str2.entries());for (let [key, value] of str2.entries()) {console.log(key);console.log(value);}

控制台打印效果图:

7、keys函数 函数的作用:对数组的索引值进行遍历,返回一个遍历器
let str2 = [10, 20, 30, 40]console.log(str2.keys());for (let key of arr1.keys()) {console.log(key);}

控制台打印效果图:

8、values函数 函数的作用:对数组的元素进行遍历,返回一个遍历器
  // // 8、values函数  函数的作用:对数组的元素进行遍历,返回一个遍历器let str2 = [10, 20, 30, 40]for (let value of str2.values()) {console.log(value);}

控制台打印效果图:

ES6中字符串和数组新增的方法相关推荐

  1. JS中字符串和数组删除元素方法

    1.字符串删除元素方法 按下标删除 可以使用提供的库函数slice(). substring() .substr() 进行截取,实质是提取然后赋给原字符串str 按值删除 主要用replace()替换 ...

  2. php 数组 indexof,详解js中字符串和数组的indexof方法

    javascript:里判断字符串是否包涵某个子字符串时,我们经常会遇到indexOf这个方法.但是你可知道,indexOf不仅仅可以用在字符串里,还可以用在数组里. 首先我们来认识一下indexOf ...

  3. ES6 --》字符串与数值新增方法

    目录 字符串新增方法 模板字符串 字符串对象新增方法 数值新增方法 Math数值新增方法 主要讲解了ES6中字符串与数值新增的常见的主要方法, 对其做了如下总结: 字符串新增方法 ES6对字符串新增的 ...

  4. ES6:字符串转数组

    1.字符串转数组 方法一: 使用ES6的数组扩展 .扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. [..."abcdef ...

  5. java中字符串和数组如何比较_[Java教程]javascript中数组和字符串的方法比较

    [Java教程]javascript中数组和字符串的方法比较 0 2016-07-19 23:00:05 ×目录[1]可索引 [2]转换 [3]拼接[4]创建[5]位置 前面的话 字符串和数组有很多的 ...

  6. js中字符串与数组之间的转换

    本文实例介绍了javascript中字符串和数组的相互转换方法,分享给大家供大家参考,具体内容如下 字符串和数组的相互转换操作是非常的重要的,因为在实际编码过程中会经常用到,所以这是必须要掌握的知识点 ...

  7. python一维数组使用方法_python中向一维数组添加元素的方法

    python 怎么将一个数组逆序输出?爱上了你,我才领略思念的滋味,分离的愁苦和妒忌的煎熬,还有那无休止的占有欲. python 怎么将一个数组逆序输出? 知道的告诉我咯.. 工具/材料:电脑.Pyt ...

  8. python 空矩阵_在NumPy中创建空数组/矩阵的方法

    如何在NumPy中创建空数组/矩阵? 在添加行的情况下,你最好的选择是创建一个与数据集最终一样大的数组,然后向它添加数据 row-by-row: >>> import numpy & ...

  9. js中字符串和数组互相转换

    一.数组转字符串 1.toString() var arr = [1,2,3,4]; console.log(arr.toString()) 2.join var arr = [1,2,3,4]; c ...

最新文章

  1. 解决:sql中将日期字符串当做日期类型处理
  2. LeetCode 1021:Remove Outermost Parentheses
  3. SAP Cloud for Customer里根据External Reference搜索销售订单
  4. TextView的部分点击事件和点击事件
  5. Hibernate里面session.get()和session.load()的区别
  6. 手机端仿ios的银行下拉脚本五
  7. jq 获取当时时间的到秒_js(jQuery)获取时间的方法及常用时间类
  8. linux监控内存情况同时清理内存脚本
  9. pthread_attr_setinheritsched,pthread_attr_setschedparam函数详解
  10. 在ubuntu系统下下载和卸载skype
  11. matlab control包,免费试用Instrument Control Toolbox
  12. 十六条超炫代码让你的QQ空间改头换面(转)
  13. Jquery 中a||的含义
  14. 外语系列:英语翻译学习笔记
  15. 1.软件工程—数据流图
  16. 会计准则中借方与贷方如何理解分析
  17. 场景拆解六步设计法,手把手教你细化场景
  18. 基于java springboot扫码点餐小程序源码(毕设)
  19. Chrome 收藏夹
  20. matlab中增大迭代次数,贝叶斯优化matlab

热门文章

  1. mysql版本升级手册
  2. LFW人脸数据集相关
  3. iOS开发中集成阿里云视频上传SDK总结
  4. PythonWeb全栈开发介绍
  5. 应对供应链紧张,Digi发布 XBee RR模块
  6. STM32中断向量表的位置,重定向
  7. 狂乱的潇洒主义者,频繁的追求自由者!
  8. 清空数据库所有表数据
  9. vcruntime140_1.dll无法继续执行代码如何修复?
  10. 计算机使用痕迹,彻底清除电脑使用痕迹的方法