真是恨透了这些类似于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中字符串与数组的一些常用方法的更多相关文章

  1. js中字符串与数组的相互转换

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  2. js课程 3-10 js中字符串函数数组函数和其它语言中对应函数的区别和联系是什么

    js课程 3-10  js中字符串函数数组函数和其它语言中对应函数的区别和联系是什么 一.总结 一句话总结:js中是对象点方法的形式,这些方法都是对象的方法,而在php.java中却不是这样. 1.j ...

  3. JS中字符串和数组的相互转化

    题目:利用var s1=prompt("请输入任意的字符串:") ,可以获取用户输入的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出. 思路:字符串对象的方法中并没有实 ...

  4. js中字符串和数组相互转化的方法

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #e4af0a } p. ...

  5. js中字符串和数组的使用

    函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包.这就意味着函数调用完毕,这个函数形成的栈内存会被销毁. 但有时候我们不希望他被销毁. 函数归属谁跟它在哪调 ...

  6. js中字符串和数组的常用转换处理方法

    1.split("分割条件(正则表达式或者字符)") 字符串 ==> 数组 默认返回数组 (1) 将单词分割为字符 "hello".split(" ...

  7. js中字符串转数组,数组转字符串及逆序的方法

    var str = "a,b,c,d,e,f,g";//声明一个字符串 str = str.split(',').reverse();//用split函数拆分成数组对象,再用rev ...

  8. js中对arry数组的各种操作小结

    最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我 ...

  9. js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符

    js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...

随机推荐

  1. 使用promise手动封装ajax函数

    最近在做一个单页应用,node和浏览器仅通过json传输数据,因为是只有自己用等于是锻炼一下自己,所以也不用考虑seo的问题,node端我已经写好了,但是浏览器端想要用ajax原生太麻烦,用封装的函数 ...

  2. kali linux 折腾笔记

    http://xiao106347.blog.163.com/blog/static/215992078201342410347137/ 这里告诉你刚刚装好kali后要做,有些也是不正确的,可能开始你 ...

  3. Android手机USB调试安全闲扯(315晚会免费充电桩事件)

    前言       今年的又准时乖巧的观看了315晚会,与大家一同学习了各种发财致富的方式...咳.咳..学习防范违法行骗的各种手段.比较感兴趣的两个,一人脸识别,二公共充电桩安全隐患.第一个今天不扯, ...

  4. 实际比较filter2D和imfilter之间的关系

    实际比较filter2D和imfilter之间的关系 ​                  卷积运算是图像处理和增强中经常遇到的一种算法.由于很多优秀的开源算法都是采用matlab编写的,在我改写为c ...

  5. Omi框架Store体系的前世今生

    原文链接-https://github.com/AlloyTeam/omi Store 体系 先说说Store系统是干什么的!为什么要造这样一个东西?能够系统架构带来什么? 当我们组件之间,拥有共享的 ...

  6. flex中创建弹出窗口,并传值

    在flex页面中首先创建一个弹出窗口,代码如下: <?xml version="1.0" encoding="utf-8"?> <s:Titl ...

  7. 在腾讯云上把Laravel整合万向优图图片管理能力,打造高效图片处理服务

    推荐理由: 现如今数据爆炸性增长,人类生活产出的数据越来越多,文字信息,图片信息,视频信息:但有很多信息我们都无法直接使用,需通过一定的处理,才能够获取其中对我们有用的信息,在腾讯云上的万向优图能够对 ...

  8. Java的标识符,数据类型与各种运算符

    一.标识符 用作给变量.类和方法命名 java强调标识符有如下命名规则: 标识符必须以字母,下划线_,美元$开头 标识符其他部分可以是字母,下划线"_",美元符"$&qu ...

  9. MySQL---事务知识,你搞明白没有?

    MySQL - 事务 在学习事务这一概念前,我们需要需要构思一个场景 场景构思 假设该场景发生于一个银行转账背景下,月中,又到了发工资的日子.潭州教育科技集团打算给Tuple老师发放一个月的工资.(此 ...

  10. ubuntu用不了root用户:~$ su - root Password: su: Authentication failure怎么办?

    解除root锁定,为root用户设置密码. 打开终端输入:sudo passwd Password: <--- 输入你当前用户的密码 Enter new UNIX password: <- ...