js截取,拼接,字符串方法

简介: js截取,拼接,字符串方法

⛳js截取,拼接,字符串方法

🪓slice方法

🎈slice(start,end)两个参数,截取字符串内容为,从以start为下标的字符开始,截取start和end差的长度(即不包含结束下标的字符)

🎈start(必选):规定从何处开始选取,若为负数,则从右边开始截取,-1代表右边第一个位置,-2为第二个位置,依次类推

🎈 end:规定从何处开始结束,若为负数,则加上该数值加上字符串的长度即为结束的位置,若无该参数,就从开始位置截取到末尾

const str = 'wertfdbjdncmz'
console.log(str.slice(3,6))
//tfd
const str = 'wertfdbjdncmz'
console.log(str.slice(3,-1))
//tfdbjdncm

👚substr方

🎀substr(start,length),第一个为开始截取的位置,第二个参数为截取的长度

🎀若start为负数,则从右边开始截取,-1代表右边第一个位置,-2为第二个位置,依次类推

🎀 若length为负数,返回 ’ ’

 const str = 'wertfdbjdncmz'
 console.log(str.substr(3,5))
 //  tfdbj

🍆indexOf方法

🪁若无要查找的字符则返回 -1

  • indexOf(String str, int fromIndex) 获取 指定字符 从 某处 开始第一次出现的位置
 const str ='battnjklsk'
 console.log(str.indexOf('k',2));
//6
//表示k从第二个位置开始第一次出现的位置为6
  • indexOf(String str)获取指定字符第一次出现的位置,并返回下标
const str ='battnjklsk'
 console.log(str.indexOf('t'));
//2

🌋lastIndexOf方法

lastIndexOf(value)查找匹配的字符串最后出现的位置,并返回下标

若无要查找的字符则返回-1

const str ='batnjktlsk'
  console.log(str.lastIndexOf('t'));

🛬 split方法

用法:将一个字符串分割成一个字符串数组

split(str,length): str指按照指定字符分割,length表示字符串数组的最大长度,若以""为分割符,则返回由每个字符串组成的字符串数组

 const str ='q:w:e:r'
 console.log(str.split(':'));
// ['q','w','e','r']
 const str = 'q:w:e:r'
 console.log(str.split(':',2))
//['q','w']
 const str = 'butd-nm kl'
 console.log(str.split(''))
//['b', 'u', 't', 'd', '-', 'n', 'm', ' ', 'k', 'l']

✨join方法

用法:将数组以分隔符合并为字符串

join(str)

 const arr1 = ['z','x','c']
 console.log(arr1.join(''))
//zxc
const arr1 = ['z','x','c']
console.log(arr1.join('|'))
//z|x|c

🧨charAt方法

用法:获取下标对应的字符

const str ='w1chviowehfvoWU'
 console.log(str.charAt(3));
//h

🦜concat方法

🥨用法:将2个数组拼接为1个数组

🥟 arr1.contact.arr2()

const arr1 = ['q','w','e']
const arr2 = ['a','s','d']
console.log(arr1.concat(arr2))
//['q','w','e','a','s','d']


相关文章
|
29天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
27天前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
122 52
|
28天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
41 5
|
1月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
|
29天前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
24 2
|
29天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
26 1
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
39 7
|
3月前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
61 2
|
JavaScript 索引 容器
echarts配置项,边框图片,js截取字符串
echarts配置项,边框图片,js截取字符串
|
JavaScript 前端开发
javascript截取两个符号之间的字符串
javascript截取两个符号之间的字符串
92 0