一、使用substring()或者 slice()

1)substring()用于提取字符串介于两个指定下标之间的字符。

stringObject.substring(start, stop) 不包含stop

2)slice()用于提取字符串的某个部分,并以新的字符串返回被提取的部分。

stringObject.slice(start, stop) 不包含stop

start如果是负数,则概参数规定的是从字符串尾部开始算起的位置,也就是说,-1指的是最后一个,-2倒数第二个。

3)substr()可在字符串中抽取从start下标开始的指定数目的字符。

stringObject.substr(start, length)

start如果是负数,则概参数规定的是从字符串尾部开始算起的位置,也就是说,-1指的是最后一个,-2倒数第二个。

说明:string对象的方法slice()、substring()和substr()(不建议使用)都可以返回字符串 的指定部分。slice()比sunstring()要灵活一些,因为允许使用负数作为参数。

注意:string.slice() 和 array.slice() 相似

4)split()使用一个指定的分隔符把一个字符串分割存储到数组

var str = "jpg|bmp|gif|png";
var arr = str.split("|") ;
console.log(arr) // ["jpg", "bmp", "gif", "png"]

5)join()使用选择的分隔符将一个数组合并为一个字符串。

var arr = new Array("jpg", "bmp", "gif", "png");
var str= arr.join("|") ;
console.log(str) // jpg|bmp|gif|png

前端基础知识 (四)JS截取字符串 常用方法相关推荐

  1. JS截取字符串常用方法详细整理

    使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str="jpg|bmp|gif|ico|png" ...

  2. 前端常用方法 - JS截取字符串的后四位

    前端常用方法 - JS截取字符串的后四位 var test = "天青色等烟雨而我在等你" test.substr(-4) console.log(test.substr(-4)) ...

  3. (七)JS基础知识四(搞定异步)【三座大山之三,必考!!!】

    JS基础知识四(异步) 提问 单线程 应用场景 callback hell和promise 提问 同步和异步的区别是什么 手写用Promise加载一张图片 前端使用的异步的场景有哪些 单线程 JS是单 ...

  4. 前端基础知识第四章---CSS

    前言 ❤️ 生活中总有一些惊喜值得期待,只要我们一直保持着热爱 ❤️ 前端基础知识第四章---CSS 一.CSS 第四章 (1)浮动(float) 1.1 传统网页布局的三种方式 1.2 标准流(普通 ...

  5. (Java高级教程)第四章必备前端基础知识-第二节1:CSS概述和选择器

    文章目录 一:CSS概述 (1)概述 (2)语法规范 (3)CSS引入方式 二:选择器 (1)基础选择器 ①:标签选择器 ②:类选择器 ③:id选择器 ④:通配符选择器 总结 (2)复合选择器 ①:后 ...

  6. Web前端基础知识整理

    1. 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签按正确 ...

  7. 【前端基础知识笔记】 【项目导向型】(持续更新中)

    我在做项目的过程中,学习了一些前端基础知识.为了方便以后的查询,将这些知识集中在这篇博客中,方便以后的查询. 注意!这些知识是不成体系的,因为我只是按照遇到的先后顺序记载于此.这是为了方便结合项目开发 ...

  8. day04-硅谷课堂-前端基础知识(二)

    硅谷课堂第四天-前端基础知识 文章目录 硅谷课堂第四天-前端基础知识 一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm ...

  9. (硅谷课堂项目)Java开发笔记4:前端基础知识(二)

    文章目录 (硅谷课堂项目)Java开发笔记4:前端基础知识(二) 一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm 2. ...

最新文章

  1. 9个杰出的免费 WordPress 主题
  2. c语言程序执行时无法输入字符串,C语言程序设计中键盘输入数据的方法分析
  3. mongoose 批量修改字段_记一次脚本批量修改数据库字符集所埋下的一个坑及解决思路...
  4. 基于webpack3.x从0开始搭建React开发环境
  5. 【转】VS编程,快速折叠或者展开代码到 #region 级别的设置方法。
  6. 罗永浩直播又翻车?网友吐槽半价车是黑幕,本人回应
  7. matlab直线的程序,MATLAB|辅助直线绘制程序
  8. 2023南京理工大学计算机考研信息汇总
  9. C#通过LPT控制打印机——txt文档读取指令打印条码
  10. openGauss数据库源码解析系列文章——存储引擎源码解析(一)
  11. Lorenz系统的吸引子相图
  12. APP开发者如何选择适合的广告联盟或聚合广告平台
  13. 简化工作和生活的 7 个在线地图制作平台分享
  14. 为什么总是封板又打开涨停_一旦持有个股出现涨停板,却封不住反复打开,意味着什么?...
  15. 移动距离 X星球居民小区的楼房全是一样的,并且按矩阵样式排列。其楼房的编号为1,2,3... 当排满一行时,从下一行相邻的楼往反方向排号。 比如:当小区排号宽度为6时,开始情形如下:
  16. dis的前缀单词有哪些_三个常见的前缀,re-,anti-,dis-,你知道它们的用法吗?
  17. socket编程 error: storage size of ‘sockAddr’ isn’t known
  18. 手机安装charles证书与雷电模拟器4.0安装charles证书流程
  19. 【全流程】从头在树莓派4B上部署自己训练的yolov5模型(配合NCS2加速)
  20. Matlab如何在一个Figure画两个Legend

热门文章

  1. MySQL存储用户点赞的信息_基于redis实现的点赞功能设计
  2. SSLOJ2342 打击犯罪
  3. 面向Java开发人员的Docker:简介
  4. js中的枚举和不可枚举
  5. 100个Github上Android开源库
  6. 模拟超过 5 万的并发用户,让我来!
  7. 《HTML5 视频的现状》报告指出:目前市场上74%的浏览器都支持HTML5视频
  8. LSTM(长短时记忆网络)原理、pytorch实现、参数量分析以及应用场景简单总结
  9. 周报 学习成果汇报
  10. 互联网未来发展趋势,何为产业互联网?