ES6中字符串和数组新增的方法
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中字符串和数组新增的方法相关推荐
- JS中字符串和数组删除元素方法
1.字符串删除元素方法 按下标删除 可以使用提供的库函数slice(). substring() .substr() 进行截取,实质是提取然后赋给原字符串str 按值删除 主要用replace()替换 ...
- php 数组 indexof,详解js中字符串和数组的indexof方法
javascript:里判断字符串是否包涵某个子字符串时,我们经常会遇到indexOf这个方法.但是你可知道,indexOf不仅仅可以用在字符串里,还可以用在数组里. 首先我们来认识一下indexOf ...
- ES6 --》字符串与数值新增方法
目录 字符串新增方法 模板字符串 字符串对象新增方法 数值新增方法 Math数值新增方法 主要讲解了ES6中字符串与数值新增的常见的主要方法, 对其做了如下总结: 字符串新增方法 ES6对字符串新增的 ...
- ES6:字符串转数组
1.字符串转数组 方法一: 使用ES6的数组扩展 .扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. [..."abcdef ...
- java中字符串和数组如何比较_[Java教程]javascript中数组和字符串的方法比较
[Java教程]javascript中数组和字符串的方法比较 0 2016-07-19 23:00:05 ×目录[1]可索引 [2]转换 [3]拼接[4]创建[5]位置 前面的话 字符串和数组有很多的 ...
- js中字符串与数组之间的转换
本文实例介绍了javascript中字符串和数组的相互转换方法,分享给大家供大家参考,具体内容如下 字符串和数组的相互转换操作是非常的重要的,因为在实际编码过程中会经常用到,所以这是必须要掌握的知识点 ...
- python一维数组使用方法_python中向一维数组添加元素的方法
python 怎么将一个数组逆序输出?爱上了你,我才领略思念的滋味,分离的愁苦和妒忌的煎熬,还有那无休止的占有欲. python 怎么将一个数组逆序输出? 知道的告诉我咯.. 工具/材料:电脑.Pyt ...
- python 空矩阵_在NumPy中创建空数组/矩阵的方法
如何在NumPy中创建空数组/矩阵? 在添加行的情况下,你最好的选择是创建一个与数据集最终一样大的数组,然后向它添加数据 row-by-row: >>> import numpy & ...
- js中字符串和数组互相转换
一.数组转字符串 1.toString() var arr = [1,2,3,4]; console.log(arr.toString()) 2.join var arr = [1,2,3,4]; c ...
最新文章
- 解决:sql中将日期字符串当做日期类型处理
- LeetCode 1021:Remove Outermost Parentheses
- SAP Cloud for Customer里根据External Reference搜索销售订单
- TextView的部分点击事件和点击事件
- Hibernate里面session.get()和session.load()的区别
- 手机端仿ios的银行下拉脚本五
- jq 获取当时时间的到秒_js(jQuery)获取时间的方法及常用时间类
- linux监控内存情况同时清理内存脚本
- pthread_attr_setinheritsched,pthread_attr_setschedparam函数详解
- 在ubuntu系统下下载和卸载skype
- matlab control包,免费试用Instrument Control Toolbox
- 十六条超炫代码让你的QQ空间改头换面(转)
- Jquery 中a||的含义
- 外语系列:英语翻译学习笔记
- 1.软件工程—数据流图
- 会计准则中借方与贷方如何理解分析
- 场景拆解六步设计法,手把手教你细化场景
- 基于java springboot扫码点餐小程序源码(毕设)
- Chrome 收藏夹
- matlab中增大迭代次数,贝叶斯优化matlab