JS字符串和数组常用方法
1、indexOf() – 返回字符串中一个字符第一处出现的索引,接收2个参数:要查找的字符,从哪个位置开始查找;。lastIndexOf()--返回字符串中某一个字符最后一次出现的索引值。 如果没有匹配项,返回 -1 。
找到字符串中某一字符串出现的所有位置:
var str = "abocdoefo";
function index(ele,attr){
var index = -1,arr=[];
do{
index = ele.indexOf(attr,index+1);
arr.push(index);
}while(index != -1);
return arr.splice(0,arr.length-1);
};
console.log(index(str,"o"));
2、charAt() – 返回指定位置的字符(适用于现代浏览器),str()适用于IE8及以下版本浏览器,等同于charAt()。
3、slice() --截取字符串,接受两个参数:strt,end,从strt位置开始截取,截取到end位置,end位置截取不到。
4、substring()--截取字符串,接受两个参数:strt,end,从strt位置开始截取,截取到end位置,end位置截取不到。
5、substr()-- 截取数组,接受两个参数:strt,n,从strt位置开始截取,截取n个字符。
6、split()-- 将字符以特定的方式切割成字符数组。
7、replace()--字符替换。接收2个参数:要替换的字符,替换的字符;只能替换符合规则的第一个字符。
替换所有的字符:
var str = "abocdoefo";
//把字符串中所有的“o”替换成“!”
function repl(str,attr,el){
while(str.indexOf(attr) !== -1){
str = str.replace(attr,el);
};
return str;
};
console.log(repl(str,"o","!"));
8、trim()--去除字符串两端空格 。
trim()方法兼容性处理:
function trim(str){
return str.replace(/^\s+|\s+$/g,"");
}
9、match() – 检查一个字符串是否匹配一个正则表达式。
10、search() – 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
11、length – 返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。
12、toLowerCase() – 将整个字符串转成小写字母。
13、toUpperCase() – 将整个字符串转成大写字母。
数组:
1.push(): 向数组尾部添加一个或多个元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。
1 var arr = [1,2,3];
2 console.log(arr); // [1, 2, 3]
3 var b = arr.push(4);
4 console.log(b); // 4 //表示当前数组长度
5 console.log(arr); // [1, 2, 3, 4]
pop(): 删除数组的最后一个元素,并返回该元素。注意,该方法会改变原数组。
1 var arr = [1,2,3];
2 console.log(arr); // [1,2,3]
3 arr.pop();
4 console.log( arr.pop() ); // [3] //返回删除的元素
5 console.log(arr); // [1,2]
2.unshift():在数组的第一个位置添加元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。
1 var arr = ['a', 'b', 'c'];
2 arr.unshift('x'); // 4
3 console.log(arr); // ['x', 'a', 'b', 'c']
shift():删除数组的第一个元素,并返回该元素。注意,该方法会改变原数组。
1 var arr = ['a', 'b', 'c'];
2 arr.shift() // 'a'
3 console.log(arr) // ['b', 'c']
shift()方法还可以遍历并清空一个数组。
1 var list = [1, 2, 3, 4, 5, 6];
2 var item;
3
4 while (item = list.shift()) {
5 console.log(item);
6 }
7
8 console.log(list); // []
3.valueOf():返回数组的本身。
1 var arr = [1, 2, 3];
2 arr.valueOf() // [1, 2, 3]
indexOf():返回指定元素在数组中出现的位置,如果没有出现则返回-1
。
1 var arr = ['a', 'b', 'c'];
2
3 arr.indexOf('b') // 1
4 arr.indexOf('y') // -1
indexOf方法还可以接受第二个参数,表示搜索的开始位置。
1 ['a', 'b', 'c'].indexOf('a', 1) // -1
上面代码从1号位置开始搜索字符a
,结果为-1
,表示没有搜索到。
toString():返回数组的字符串形式。
1 var arr = [1, 2, 3];
2 arr.toString() // "1,2,3"
3
4 var arr = [1, 2, 3, [4, 5, 6]];
5 arr.toString() // "1,2,3,4,5,6"
4.join():以参数作为分隔符,将所有数组成员组成一个字符串返回。如果不提供参数,默认用逗号分隔。
1 var arr = [1, 2, 3, 4];
2
3 arr.join(' ') // '1 2 3 4'
4 arr.join(' | ') // "1 | 2 | 3 | 4"
5 arr.join() // "1,2,3,4"
5.concat():用于多个数组的合并。它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变。
1 var arr = [1,2,3];
2 var b = arr.concat([4,5,6]);
3 console.log(b); //[1,2,3,4,5,6]
6.reverse():用于颠倒数组中元素的顺序,返回改变后的数组。注意,该方法将改变原数组。
1 var arr = ['a', 'b', 'c'];
2
3 arr.reverse() // ["c", "b", "a"]
4 console.log(arr) // ["c", "b", "a"]
7.slice():用于截取原数组的一部分,返回一个新数组,原数组不变。
slice(start,end)它的第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。
1 var arr = ['a', 'b', 'c'];
2
3 arr.slice(0) // ["a", "b", "c"]
4 arr.slice(1) // ["b", "c"]
5 arr.slice(1, 2) // ["b"]
6 arr.slice(2, 6) // ["c"]
7 arr.slice() // ["a", "b", "c"] 无参数返回原数组
8
9 arr.slice(-2) // ["b", "c"] 参数是负数,则表示倒数计算的位置
10 arr.slice(-2, -1) // ["b"]
8.splice():删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员,返回值是被删除的元素。注意,该方法会改变原数组。
splice(start,delNum,addElement1,addElement2,...)第一个参数是删除的起始位置,第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。
1 var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
2 arr.splice(4, 2) // ["e", "f"] 从原数组4号位置,删除了两个数组成员
3 console.log(arr) // ["a", "b", "c", "d"]
1 var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
2 arr.splice(4, 2, 1, 2) // ["e", "f"] 原数组4号位置,删除了两个数组成员,又插入了两个新成员
3 console.log(arr) // ["a", "b", "c", "d", 1, 2]
1 var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
2 arr.splice(-4, 2) // ["c", "d"] 起始位置如果是负数,就表示从倒数位置开始删除
1 var arr = [1, 1, 1];
2
3 arr.splice(1, 0, 2) // [] 如果只插入元素,第二个参数可以设为0
4 conlose.log(arr) // [1, 2, 1, 1]
1 var arr = [1, 2, 3, 4];
2 arr.splice(2) // [3, 4] 如果只有第一个参数,等同于将原数组在指定位置拆分成两个数组
3 console.log(arr) // [1, 2]
9.sort():对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。
1 ['d', 'c', 'b', 'a'].sort()
2 // ['a', 'b', 'c', 'd']
3
4 [4, 3, 2, 1].sort()
5 // [1, 2, 3, 4]
6
7 [11, 101].sort()
8 // [101, 11]
9
10 [10111, 1101, 111].sort()
11 // [10111, 1101, 111]
上面代码的最后两个例子,需要特殊注意。sort
方法不是按照大小排序,而是按照对应字符串的字典顺序排序。也就是说,数值会被先转成字符串,再按照字典顺序进行比较,所以101
排在11
的前面。
如果想让sort
方法按照自定义方式排序,可以传入一个函数作为参数,表示按照自定义方法进行排序。该函数本身又接受两个参数,表示进行比较的两个元素。如果返回值大于0
,表示第一个元素排在第二个元素后面;其他情况下,都是第一个元素排在第二个元素前面。
1 var arr = [10111, 1101, 111];
2 arr.sort(function (a, b) {
3 return a - b;
4 })
5 // [111, 1101, 10111]
6
7 var arr1 = [
8 { name: "张三", age: 30 },
9 { name: "李四", age: 24 },
10 { name: "王五", age: 28 }
11 ]
12
13 arr1.sort(function (o1, o2) {
14 return o1.age - o2.age;
15 })
16 // [
17 // { name: "李四", age: 24 },
18 // { name: "王五", age: 28 },
19 // { name: "张三", age: 30 }
20 // ]
10.map():对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。
1 var numbers = [1, 2, 3];
2
3 numbers.map(function (n) {
4 return n + 1;
5 });
6 // [2, 3, 4]
7
8 numbers
9 // [1, 2, 3]
上面代码中,numbers
数组的所有成员都加上1,组成一个新数组返回,原数组没有变化。
11.filter():参数是一个函数,所有数组成员依次执行该函数,返回结果为true
的成员组成一个新数组返回。该方法不会改变原数组。
1 var arr = [1, 2, 3, 4, 5]
2 arr.filter(function (elem) {
3 return (elem > 3);
4 })
5 // [4, 5]
JS字符串和数组常用方法的更多相关文章
- (js) 字符串和数组的常用方法
JS中字符串和数组的常用方法 JS中字符串和数组的常用方法 js中字符串常用方法 查找字符串 根据索引值查找字符串的值 根据字符值查找索引值 截取字符串的方法 字符串替换 字符串的遍历查找 字符串转化 ...
- 从js的repeat方法谈js字符串与数组的扩展方法
js将字符串重复N次的repeat方法的8个版本 /* *@desc: 将一个字符串重复自身N次 */ //版本1:利用空数组的join方法 function repeat(target, n) { ...
- js字符串、数组、时间、日期对象
js对字符串.数组.日期的操作是在以后项目中频繁使用的操作,所以呢....所以大家看着办,其实并不难哈,就是有点无聊,我承认这是我百度的,哈哈哈哈 <!DOCTYPE html><h ...
- js字符串与数组的相互转换
一.数组转字符串,通过join()拼接数组元素 var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); c = a.join('');consol ...
- js 字符串和数组注意点
var a="foo"; var b=[ "f","o","o"]; a[1]="o"; b[1]= ...
- js字符串和数组的相互转化
一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...
- js字符串和数组操作,容易混淆的方法总结(slice、substring、substr、splice)
平时工作中,很少静下心来总结基础知识,总觉得自己会用了,有点飘了,直到碰壁之后才懂得基础知识的重要性.大牛告诉我,一次写对,是不是可以不用F12去调试了?是不是省了时间?简直是面红耳赤,无地自容.在这 ...
- JS字符串和数组之间的转换
1.字符串转换为数组 var string = '123,456,789'; var stringResult = string.split(','); console.log(stringResul ...
- js字符串和数组
sustr substring slice的联系与区别 str.substr(2,5) //从索引2开始截取5个字符,原有字符串str不变 str.substring(2,5) //从索引2开始截 ...
随机推荐
- 用js写的时钟Demo
css代码: <style type="text/css"> .a { width: 200px; height: 100px; position: absolute; ...
- 基于hi-nginx的web开发(python篇)——动态路由和请求方法
hi.py的提供的路由装饰器接受两个参数,第一个参数指定动态路由的正则模式,第二个参数指定同意的http请求方法列表. 比如: @app.route(r"^/client/?$", ...
- 【Python】 更多数据类型collections&简易数据文件shelve
■collections collections在python内建的数据类型基础上新增一些实用的数据类型,其目的在于增加代码的可读性?(虽然我自己没怎么用过..) ① deque 双端队列 q = d ...
- [poj2406]Power Strings_hash
Power Strings poj-2406 题目大意:询问一个字符串最多几个相同且连续的字符串构成(Eg:abababab由4个构成,abcd由1个构成). 注释:字符串长度为n,$1\le n\l ...
- poj3358 Period of an Infinite Binary Expansion
Period of an Infinite Binary Expansion 题目大意:给你一个分数,求这个分数二进制表示下从第几位开始循环,并求出最小循环节长度. 注释:int范围内. 想法:这题说 ...
- 微信公众平台开发,图文回复、access_token生成调用、以及微信SDK的实现(2)
上一节课,我给大家分享了微信API接入以及事件推送的回复,这是微信开发的第二节课,重点给说一说单图文回复,多图文回复,access_token,微信SDK. 公众号消息回复很多种形式,常见的形式有,文 ...
- CSS奇思妙想图形(心形、气泡三角形、切角、梯形、饼图等)
今天看到一篇不错文章,在原来CSS3图形创建基础上扩展了很多. 这里记录总结下 心形 原理:利用 圆形 和 正方形实现 HTML: <div class="heartShaped&qu ...
- Git详细教程(2)---多人协作开发
Git可以完成两件事情: 1. 版本控制 2.多人协作开发 如今的项目,规模越来越大,功能越来越多,需要有一个团队进行开发. 如果有多个开发人员共同开发一个项目,如何进行协作的呢. Git提供了一个非 ...
- 2017-2018-1 20155215 第五周 mybash的实现
题目要求 使用fork,exec,wait实现mybash 写出伪代码,产品代码和测试代码 发表知识理解,实现过程和问题解决的博客(包含代码托管链接) 学习fork,exec,wait fork ma ...
- 201621123040《Java程序设计》第3周学习总结
1.本周学习总结 1.1 写出你认为本周学习中比较重要的知识点关键词,如类.对象.封装等 面向对象的思想 对象 类 1.2 用思维导图或者Onenote或其他工具将这些关键词组织起来. 掌握的还不够深 ...