JS中字符串与数组的一些常用方法
真是恨透了这些类似于substring substr slice 要么长得像,要么就功能相近的方法。。。
1⃣️string
1.substring(start开始位置的索引,end结束位置索引) 截取字符串
截取的位置不包含结束位置的字符,只写start表示从开始位置截取到最后,end>start时,会默认以小的参数为开始位置的索引
var str='abcdefg';
str.substring(1) //bcdefg
str.substring(1,3) //bc
str.substring(3,1) //bc
输入负值时将负值变为0,并以较小数字为截取开始位置的索引
str.substing(-1,1) 等价于str.substring(0,1) //a
str.substring(1,-2) 等价于str.substring(0,1) //a
2.slice(start开始位置索引,end结束位置索引)截取字符串
基本和substring相似,但当end>start时,返回空字符串""
var str='abcdefg';
str.slice(1) //bcdefg
str.slice(1,3) // bc
str.slice(3,1) // ""
区别在参数为负数时,slice是负值与字符串的长度相加,当负值的绝对值大于字符串长度时,值变为0,当第二个参数的绝对值大于字符串长度时,返回空字符串""
str.slice(-1) 等价于str.slice(6) //g
str.slice(1,-2) 等价于str.slice(1,5) //bcde
str.slice(-2,-1) 等价于str.slice(5,6) //f str.slice(-10) 等价于str.substring(0) //abcdefg
str.slice(0,-10) // ""`
3.substr(start开始位置索引,end需要返回的字符个数)截取字符串
只传入start时,默认从start开始截取到最后一个
var str='abcdefg';
str.substr(1) //bcdefg
str.substr(1,1) //b
输入负值时 start参数与字符串的长度相加 ,end为负时参数变为0,也就是返回空字符串""
str.substr(-1) 等价于str.substr(6)//g
str.substr(-2,-3) // ''
4.charAt(index)
该方法用于返回指定index处的字符,但当index为负数或者大于字符串长度时,返回空字符串""
var str='abcdefg';
str.charAt(2) // c
str.charAt(-1) // ""
str.charAt(10) // ""
5.charCodeAt(index)
该方法用于返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。
var str='abcdefg';
str.charCodeAt(1) //98
str.charCodeAt(-1) //NaN
str.charCodeAt(10) //NaN
6.indexOf(string)
该方法返回字符串内第一次出现子字符串的位置。如果没有找到子字符串,则返回-1。
var str='abcdefga'
str.indexOf('a') // 0
str.indexOf('h') //-1
7.lastIndexOf(string) 倒叙查找
与indexOf相反,该方法返回字符串内最后一次出现子字符串的位置。相同的是,如果没有找到子字符串,则返回-1。
var str='abcdefga'
str.lastIndexOf('a') // 7
str.lastIndexOf('h') //-1
8.split(separator分隔符,howmany分割返回数量)
该方法用于方法用于把一个字符串分割成字符串数组。如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
"hello".split("") // ["h", "e", "l", "l", "o"]
"hello".split("", 3) // ["h", "e", "l"]
("2:3:4:5").split(":") //["2", "3", "4", "5"]
("|a|b|c").split("|") //["", "a", "b", "c"]
9.replace(regexp,replacement)
该方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
var str='abcdefg'
str.replace(/a/,'12345') // '12345bcdefg'
10.search(regexp)
该方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。返回第一个与 regexp 相匹配的子串的起始位置。
var str='abcdefg'
str.search(/cde/) // 2
11.match(regexp/str)
该方法用于在字符串内检索指定的值,或找到一个或多个正则表达式的匹配,并返回一个存储了该值的数组
var str='abcdefg'
str.match('bcd') //["bcd"]
12. toLowerCase
该方法返回一个字符串,该字符串中的字母被转换成小写。
var str="Hello World!"
str.toLowerCase() //"hello world!"
13. toUpperCase
该方法返回一个字符串,该字符串中的所有字母都被转换为大写。
var str="Hello World!"
str.toUpperCase() //"HRLLO WORLD!"
14.concat()
该方法用于连接两个或多个字符串
var str1="Hello "
var str2="world!"
str1.concat(str2) // "Hello World!"
2⃣️array
1. push()
向数组的末尾添加一个或更多元素,并返回新的长度。
var arr = [1,2,3]
console.log(arr.push(4)) // 4
console.log(arr) // [1,2,3,4]
2. unshift()
向数组的开头添加一个或更多元素,并返回新的长度。
var arr = [1,2,3]
console.log(arr.unshift(4)) // 4
console.log(arr) // [4,1,2,3]
3.shift()
删除并返回数组的第一个元素
var arr = [1,2,3]
console.log(arr.shift()) // 1
console.log(arr) // [2,3]
4. pop()
删除并返回数组的最后一个元素
var arr = [1,2,3]
console.log(arr.prop()) // 3
console.log(arr) // [1,2]
6. join()
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
var arr = [1,2,3]
arr.join('+') //"1+2+3"
7.toString()
该方法可把数组转换为字符串,返回值与没有参数的 join() 方法返回的字符串相同。
var arr = [1,2,3]
arr.toString() // "1,2,3"
8.concat()
该方法可以连接两个或更多的数组,并返回结果。
var arr1 = [1,2,3]
var arr2 = [4,5,6]
arr1.concat(arr2) //[1,2,3,4,5,6]
9.slice(start,end)
该方法可从已有的数组中返回选定的元素。(返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。),不传参返回整个数组,传入负值(等价于负值+数组长度的位置开始)
该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
var arr = [1,2,3]
arr.slice(1) // [2,3]
arr.slice(0,2) // [1,2]
arr.slice() // [1,2,3]
arr.slice(-1) // [3]
10.splice()
之所以给它加个颜色,是因为这个方法功能多,但也特容易搞混,因为它可以传三类参数,传入的参数个数不同,该方法所实现的功能也不同
参数1 添加/删除 的起始位置
参数2 要删除的项目数量。如果设置为 0,则不会删除项目。
参数3 向数组添加的新项目。(可以添加多个)
1)单纯的删除元素 (这时不用传参数3,用参数1、2控制即可)返回的是一个包含被删除元素的数组,如果参数1为负值,则相当于从参数1+数组长度的位置开始删除。
var arr = [1,2,3,4,5]
arr.splice(1,2) // [2,3]
arr.splice(-2,2) // [4,5]
2)单纯的添加元素 (这时参数2要传入0)返回值是一个空数组,如果参数1为负值,则相当于从参数1+数组长度的位置开始添加。
var arr = [1,2,3,4,5]
arr.splice(1,0,6); // []
console.log(arr ) // [1, 6, 2, 3, 4, 5]
arr.splice(-1,0,6); // []
console.log(arr ) // [1,2, 3, 4, 6,5]
3) 删除元素并添加元素 返回值是包含新被删除元素的一个数组,如果参数1为负值,则相当于从参数1+数组长度的位置开始删除/添加。
var arr = [1,2,3,4,5]
arr.splice(1,3,6,7,8); // [2,3,4]
console.log(arr ) // [1, 6, 7, 8, 5]
arr.splice(-1,3,6,7,8); // [5]
console.log(arr ) // [1, 2,3,4,6,7,8]
11. reverse()
该方法用于颠倒数组中元素的顺序。并返回颠倒顺序后的数组
var arr = [1,2,3,4,5]
arr.reverse() // [5, 4, 3, 2, 1]
12.sort()
该方法用于对数组的元素进行排序。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
var arr = ["George","John","Thomas","James","Adrew","Martin"]
arr.sort() //["Adrew", "George", "James", "John", "Martin", "Thomas"]
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
- 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
- 若 a 等于 b,则返回 0。
- 若 a 大于 b,则返回一个大于 0 的值。
如果数组里全是数字,想按从大到小/从小到大排序的话,需要用到一个比较函数
以从小到大排序为例
var arr = [10,2,52,37,60]
function sortNumber(a,b)
{
return a > b
}arr.sort(sortNumber) // [2, 10, 37, 52, 60]
13.valueOf()
(这个方法会在下一篇js中object常用属性和方法里详细解释,地址http://www.cnblogs.com/aaronhan1215/p/6772800.html)
方法返回 Array 对象的原始值。
var arr = [1,2,3,4,5]
arr.valueOf(); // [1,2,3,4,5]
JS中字符串与数组的一些常用方法的更多相关文章
- js中字符串与数组的相互转换
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- js课程 3-10 js中字符串函数数组函数和其它语言中对应函数的区别和联系是什么
js课程 3-10 js中字符串函数数组函数和其它语言中对应函数的区别和联系是什么 一.总结 一句话总结:js中是对象点方法的形式,这些方法都是对象的方法,而在php.java中却不是这样. 1.j ...
- JS中字符串和数组的相互转化
题目:利用var s1=prompt("请输入任意的字符串:") ,可以获取用户输入的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出. 思路:字符串对象的方法中并没有实 ...
- js中字符串和数组相互转化的方法
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #e4af0a } p. ...
- js中字符串和数组的使用
函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包.这就意味着函数调用完毕,这个函数形成的栈内存会被销毁. 但有时候我们不希望他被销毁. 函数归属谁跟它在哪调 ...
- js中字符串和数组的常用转换处理方法
1.split("分割条件(正则表达式或者字符)") 字符串 ==> 数组 默认返回数组 (1) 将单词分割为字符 "hello".split(" ...
- js中字符串转数组,数组转字符串及逆序的方法
var str = "a,b,c,d,e,f,g";//声明一个字符串 str = str.split(',').reverse();//用split函数拆分成数组对象,再用rev ...
- js中对arry数组的各种操作小结
最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我 ...
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
js中对arry数组的各种操作小结 最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...
随机推荐
- Windows下GIT安装与使用(上传远程端)
Windows下GIT安装与使用(上传远程服务器) 1. 登陆http://msysgit.github.io/并下载Git 2. 打开下载的exe文件,一路默认(路径可以去修改).有可能电脑需要 ...
- 你可记得曾经的-------- C#面向对象的“基础”
1.C#中构造函数定义的理解: ①构造函数名与所在的类名相同 ②构造函数可以重载 ③构造函数可以带参数 ④构造函数没有返回值,且不允许写出void,可以有参也可以无参 ...
- [UWP]了解模板化控件(1):基础知识
1.概述 UWP允许开发者通过两种方式创建自定义的控件:UserControl和TemplatedControl(模板化控件).这个主题主要讲述如何创建和理解模板化控件,目标是能理解模板化控件常见的知 ...
- 玩转Node.js单元测试
代码部署之前,进行一定的单元测试是十分必要的,这样能够有效并且持续保证代码质量.而实践表明,高质量的单元测试还可以帮助我们完善自己的代码.这篇博客将通过一些简单的测试案例,介绍几款Node.js测试模 ...
- /bin/sh^M: bad interpreter:解决办法
xcode编译时有时候遇到/bin/sh^M: bad interpreter:没有那个文件或目录这样的错误 可以用以下方式解决 先在控制台cd到报错的目录 vi xxx.sh(报错的那个文件):se ...
- geoR文档翻译
说来惭愧,很久没有更新自己的博客了.期间个人生活经历了很多变故,心理上的打击尤甚.加之没有取得好的科研成果,痛定思痛,还是下苦功夫多多学习. 最近对比验证各种方法的插值精度,用到了R语言地统计学包,由 ...
- iOS开发之控制器创建与加载(生命周期)
1.如何创建一个控制器 控制器常见的创建方式有以下几种: (1)通过storyboard创建 (2)直接创建 MJViewController *mj = [[MJViewController all ...
- js前端获取页面传递的参数
转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...
- C++ 网络爬虫实现
最近有个概念吵得很火,网络爬虫,但是基本都是用什么python或者JAVA写,貌似很少看到用c++写的,我在网上找了一个,看到其实还是很简单的算法 算法讲解:1.遍历资源网站 2.获取html信息 ...
- 1.跨平台开发之~ VSCode开发第一个C程序
VSCode的安装就不讲了,可以参考这个(http://www.cnblogs.com/dunitian/p/6661644.html) 写一个简单的C,然后F5运行,根据提示来配置文件 删掉前面的内 ...