前端技术日新月异,发展迅速,作为一个与时俱进的前端工程师,需要不断的学习。这里强烈推荐几个常用js交互用的js方法,希望对您有所帮助。
大家可以像我一样,利用碎片时间去温习这些零碎的知识点,让自身的基础更加扎实。
一、字符串<===>数组
- 1.数组变为字符串join
const abc=['a','b','c'];
console.log(abc.join(',')) //a,b,c
- 2.字符串变为数组split
const abc={'a','b','c'};
console.log(abc.split(',')) //['a','b','c']
二、字符串的常用属性
.length------>字符串的长度
.indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值,没找到则返回-1
.concat(字符串1,字符串2,...);返回的是拼接之后的新的字符串
.replace("原来的字符串","新的字符串");用来替换字符串的
.slice(开始的索引,结束的索引);
.substr(开始的位置,个数);返回的是截取后的新的字符串
.substring(开始的索引,结束的索引),返回截取后的字符串,不包含结束的索引的字符串
.toLocaleLowerCase();转小写
.toLowerCase();转小写
.toLocaleUpperCase()转大写
.toUpperCase();转大写
.trim();干掉字符串两端的空格
三、Array对象的方法:
Array.isArray(对象)---->判断这个对象是不是数组
.push(值);--->把值追加到数组中,加到最后了---返回值也是追加数据之后的数组长度
.forEach(函数)方法---遍历数组用---相当于for循环
.shift();--->删除数组中第一个元素,返回值就是删除的这个值
.pop();--->删除数组中最后一个元素,返回值就是删除的这个值
.unshift();--->向数组的第一个元素前面插入一个新的元素,----返回值是插入后的值
.filter(函数);返回的是数组中每一个元素都复合条件的元素,组成了一个新的数组
.indexOf(元素值);返回的是索引,没有则是-1
.concat(数组,数组,数组,...) 组合一个新的数组
.join("字符串");----返回的是一个字符串
.map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
.reverse();----->反转数组
.sort();---排序
.slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
.splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素
文中的代码可能不一定是最优代码,要是你有更好的代码欢迎评论。喜欢的可以给我点赞鼓励哦!
码字不易,屏幕前的大帅比,更多干货文章请关注!!!
备注:
★部分素材来自网络,版权归原创者,如有侵权请联系删除