js截取字符串

JS 截取字符串-全是干货

杀马特。学长 韩版系。学妹 提交于 2020-01-08 11:58:56
一、需求场景 大家在平时的开发中,肯定会遇到“某些字符超过多少字截断,并显示...”的需求,特别是在移动端,碍于屏幕尺寸的限制,某些“昵称”,“备注”等等字段,经常会让截断,后面跟着仨点。 1、纯汉字或纯英文字符串 直接用slice、substr、substring、splice等方法就可以直接按照需求截断,这里不做解释啦,当然我下面介绍的方法也可以实现。 2、中英文组合、表情的字符串 这才是咱们今天的主角 二、代码片段 /** * @获取字符串字节长度 * @param {String} str * @returns */ function getStrLen (str) { let len = 0; for (let i = 0; i < str.length; i++) { let currLen = str.charCodeAt(i); if (currLen >= 0 && currLen <= 128) { len += 1; } else { len += 2; } } return len; } /** * @截取指定长度的字符串,超出部分显示指定字符 * @param {*} name * @param {number} [len=8] * @param {string} [endStr="..."] * @returns */ function

JS截取字符串方法实例

余生颓废 提交于 2020-01-08 09:59:38
// JS截取字符串可使用 substring()或者slice() // // 函数:substring() // 定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。 // 功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6) // 例子: var src="images/off_1.png"; alert(src.substring(7,10)); //弹出值为:off // 函数:substr() // 定义:substr(start,length)表示从start位置开始,截取length长度的字符串。 // 功能:字符串截取 // 例子: var src="images/off_1.png"; alert(src.substr(7,3)); //弹出值为:off // 函数:split() // 功能:使用一个指定的分隔符把一个字符串分割存储到数组 // 例子: str="jpg|bmp|gif|ico|png"; arr=theString.split("|"); //arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组 // 函数:John() // 功能

JavaScript 入门(01)语法基础

风流意气都作罢 提交于 2020-01-07 01:24:43
JS简介 一、JS组成:ECMA BOM DOM js 是一种基于 对象模型 和 事件驱动 的脚本语言, js组成 ECMAScript由ECMA-262定义,提供核心语言功能; 文档对象模型(DOM),提供访问和操作网页内容的方法和接口; 浏览器对象模型(BOM),提供与浏览器交互的方法和接口; 二、html 中使用 javascript html是从上往下瀑布式加载, <script> 包裹的 js 代码也是从上往下依次加载的; 一般应该把 <script> 放在页面最后(body的最后面),越晚加载越好,有利于提升网页的响应速度; 1、script 标签的 async 和 defer 属性 通过 src 引用外部的脚本时,script 标签的 async 和 defer 属性都会让脚本的加载不会阻塞 dom 的渲染; async 是异步加载和执行脚本,不能保证脚本执行的顺序和执行时机(不一定在 dom 渲染完成后),所以 async 适用于脚本对 dom 和其他脚本没有依赖的情况使用; defer 属性能够保证脚本执行的时机是在 dom 渲染完成后,还能保证脚本的执行顺序是正常的从上往下执行,所以这种模式是比较可靠的,用 defer 比 async 更稳; JS语法基础 一、基本特点 区分大小写; 标识符字母、数字、下划线和 美元符 组成,数字不能开头; 单行和多行注和

Node - EJS模板应用(node+express+ejs)适合新手理解

谁都会走 提交于 2020-01-06 09:07:06
准备工作: 工具:Webstorm 1. 新建一个文件夹为blogs(随意). 一个js文件app.js. 一个文件夹views,文件夹内一个index.ejs文件,文件夹asstes内style.css 2.使用Termimal工具安装所需要的插件(Node环境):   2.1 初始化: npm init -y   2.2 安装express: npm install express --save   2.3 安装ejs: npm install ejs --save   2.4 安装自动工具:npm install nodemon -g --save (可选) 开始写代码喽: ejs部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>EJS模板</title> <link rel="stylesheet" href="..

前端学习笔记

让人想犯罪 __ 提交于 2019-12-29 21:51:53
HTML 标签 a 标签 < a href = " xxxx " target = ' _blank ' > </ a > //新窗口打开 默认不打开新窗口 ul 标签 type=‘disc’ : 实心圆 type=‘circle’ : 空心圆 type=‘square’ : 实心方块 s 标签语义化 便于开发者 阅读 与维护 利于 seo 搜索引擎优化 语义化兼容性(IE9)插件 html5shiv.js 条件注释 用法: 固定语法 lt : 小于 gt : 大于 lte : 小于等于 gte : 大于等于 <!-- [if lt IE 9]> <h1> 您的版本过低</h1> <![endif]--> CSS 层叠样式优先级(优先级由低到高) 通用选择器:*{…} —————— 权重值 0 标签选择器:div{…} ——————权重值 1 类选择器 :.con{…} —————— 权重值 10 ID选择器: #box{…} ——————权重值 100 行内样式: < … style=’’ …"> —————— 权重值 1000 权重计算规则简记:范围越小越精准权重值就会越大(#box.con.div{…}) 文本属性 < style > .p1 { color : red } /*文本颜色*/ .p2 { font-family : '华文中宋' } /*字体类型*/ .p1

Python学习之路(四)数据类型

五迷三道 提交于 2019-12-28 12:12:48
再识变量 1、变量就是存放数据的容器。我们定义一个变量其实就是把这个数据放在这个容器里面。 2、python的数据类型 整型 int 浮点型 float 布尔型 bool。True真,False假。注意是首字母大写 字符串 str 列表 list 元组 tuple 字典 dictionary 集合 set 使用type 判断数据类型:type(x)判断x变量的数据类型 a = '123' b = 123 print(type(a)) print(type(b)) 3、不同类型变量之间的计算 数字型变量(整数、浮点型、bool型)可以直接计算,bool型True是1,False 是0 a = 3 b = 2.4 c = True d = False print(a+b+c) print(a*b*d) print(type(a*b*d))# 注意有浮点型参与运算时 结果是浮点型 字符串类型 使用+拼接字符串。使用*表示多个字符串重复 a = '123' b = '###' c = (a+b)*3 print(c) print(type(c)) 类型转换,不同类型的数据不能进行计算,如下: a = '123' b = 123 # print(a+b)#会报错 print(int(a)+b)# 需要把字符串转换成整型 各种数据都可以进行类型转换如下: a = ['1',2,3]#定义列表

js中字符串的方法

痴心易碎 提交于 2019-12-28 07:24:34
js中字符串的方法 写在前面 2.字符串的方法 1. indexOf(data,start) 2.charAt(index) 3.substring(n,m) 4.substr(n,m) 5. slice(n,m) 6. split( ) 7.replace("要替换的字符串","替换后的字符串") 8.lastIndexOf() 9.toLowerCase() 10.toUpperCase() 序号 方法 作用 1 indexOf(data,start) 通过数值找下标,若没找到返回-1 2 charAt(index) 通过下标找对应的值 3 substring(n,m) 截取n到m位的字符串,不包括最右边 4 substr(n,m) 截取n到m位的字符串,包括最右边 5 slice(n,m) 类似substring(n,m) 6 split() 将字符串分割为数组 7 replace() 替换字符串,默认只替换一次 8 lastIndexOf() 返回字符串最后出现的下标位置 9 toLowerCase() 全部转成小写 10 toUpperCase() 全部转成大写 写在前面 字符串的创建方式 //方法一 字面量 var str = "hello" console . log ( typeof str ) //string //方法二 构造函数 var str2 = new

js字符串方法

人盡茶涼 提交于 2019-12-27 16:32:46
文章目录 1. charAt 2. charAt 和下标取值的区别 3. charCodeAt 4. formCharCode 5. indexOf 6. substr 7. substring 8. slice 9. concat 10. replace 11. split 12. toLowerCase(),toUpperCase() 1. charAt 作用:返回指定位置的字符;索引从0开始 2. charAt 和下标取值的区别 charAt : 不存在时返回空字符串 下标取值:不存在是返回undefined 3. charCodeAt 作用:获取字符中对应索引的ASCII码值 字符对应ASCII码 0-9 ===> 48-57 A-Z ===> 65-90 a-z ===> 97-122 4. formCharCode 作用:获取ASCII码值对应的字符 5. indexOf 作用:查询字符索引,如果查询不到返回-1 6. substr 作用:截取字符串 使用:str.substr(start[,num]) 从索引1开始截取4个字符 从索引1开始截取所有字符 7. substring 作用:截取字符串 使用: str.substr(start[,end]) 截取4-1个字符 8. slice 作用:截取字符串; 与substring类似,支持负索引 9. concat 作用

字符串的操作

て烟熏妆下的殇ゞ 提交于 2019-12-26 01:32:13
字符串的索引与切片: s="abcdefg" # 都有下标,从0开始。 s1=s[0] print(s1) 切片:顾头不顾尾 可以跳着去[首:尾:加步长] [首:尾:反向加步长] 字符串操作: s="aleawusir" s1=s.capitalize()#首字母大写 s2=s.upper()#全部变成大写 s3=s.lower()#全部变成小写 s4=s.swapcase()#大小写翻转 s5=s.title()#特殊字符或数字隔开(每个隔开的单词首字母大写) # s6=s.center(参数,填充物)#居中,默认空白填充 len(s) #判断长度 s7=s.startswith("al")#判断以什么为开头,返回的值为True,False s71=s.startswith("e",2,5)#从2开始,到5结束 s72=s.endswith("w",2,5)#判断以什么结束,返回的值为True,False s8=s.find("z")#通过元素找索引(下标),找不到返回-1 s82=s.index("a")#通过元素找索引(下标),找不到报错 s9=s.strip("元素")#删空格(前后),前后一起进行,rstrip(从右),lstrip(从左) s10=s.count("a",0,5)#查元素的个数 z="sdsds;dsdsd;sdsd;dsdsd" l=z.split("

JS字符串的常用方法

笑着哭i 提交于 2019-12-24 20:18:43
常用字符串的方法 1.str.charAt(1) 从一个字符串中返回指定位置处的字符 let str = 'hello world' charAt()从一个字符串中返回指定位置处的字符 参数1: 下标 返回值: 下标位置处的字符 超出字符串长度返回空字符 str.charAt(1) // String e // 从下标为1的位置返回它的值 2.str.charcodeAt() 从一个字符串中返回指定位置处字符的的字符编码 let str = 'hello world' str.charcodeAt() // 从一个字符串中返回指定位置处字符的的字符编码 参数1: 下标 返回值: 下标位置处的字符编码 str.charcodeAt(1) // 101 // 根据字符查找对应的字符编码 3.str[1] 因为字符串也是有length属性的所以可以通过下标访问法来访问值 4.concat() 将多个参数拼接成新的字符串返回,但不会改变原字符串(这里更推荐使用 JS的赋值操作符来进行拼接) let str1 = 'a' let str2 = 'b' let str3 = 'c' concat() // 将多个参数拼接成新的字符串返回,但不会改变原字符串 参数为拼接的变量 str1.concat(str2) // 'ab' str1.concat(str2, str3) // 'abc' /