JavaScript字符串与数组方法整理
字符串(String)的方法:
代码后面的都是返回值
var str = "atusdgafsvg";
var str1 = "123456789";
var str0 = "sdasd tuyt weq fhf sw ss f g g";
var str5 = "Wdfdf T SDFDFdfdf"; //方法:
//常用:
//1. charAt() 返回指定索引处的字符
console.log(str.charAt(4)); //d //2. charCodeAt() 返回指定索引处的unicode字符
console.log(str.charCodeAt(4)); //100
console.log(str.charCodeAt(1)); //116 //3. indexOf 判断一个字符第一次出现在某个字符串的索引,如果包含返回它的索引,如果不包含返回-1
console.log(str.indexOf("s")); //3
console.log(str.indexOf("i")); //-1 //4. lastIndexOf 判断一个字符最后一次出现在某个字符串的索引,如果包含返回它的索引,如果不包含返回-1
console.log(str.lastIndexOf("s")); //8
console.log(str.lastIndexOf("q")); //-1 //5. concat 拼接2个字符串,返回一个新字符串,对原有字符串没有任何改变
var str2 = str.concat(str1);
console.log(str2); //atusdgafsvg123456789 //6. substr(n,m) 从索引n开始,截取m个字符,将截取的字符返回,对原字符串没有任何改变,包括m,n可以是负值,-1从字符串最后一位开始计算
console.log(str.substr(1,5)); //tusdg
console.log(str.substr(-2)); //vg //7. substring(n,m) 从索引n开始,截取到索引m,不包括m.将截取的字符返回,对原字符串没有任何改变,不接受负值
console.log(str.substring(3,4)); //s
console.log(str.substring(6)); //afsvg //8. slice(n,m) 从索引n开始,截取到索引m,不包括m.将截取的字符返回,对原字符串没有任何改变,n可以是负值
console.log(str.substring(-7,4)); //atus
console.log(str.substring(9)); //vg //9. split 用指定字符分割字符串,返回一个数组.对原字符串没有任何改变
document.write(str0.split("",3) + "<br />"); //atus
document.write(str0.split(" ")); //10. replace('a',1); 替换指定字符,返回替换后新的字符串,对原有字符串有改变。(第一个参数可以是正则表达式) 只能替换一次 ,配合正则模 式修饰符g使用
console.log(str.replace("s",4)); //atu4dgafsvg
console.log(str.replace("d","%")); //atus%gafsvg //11. match() 可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。把找到的字符放在数组里,返回一个数组
console.log(str.match("atu")); //[atu]
console.log(str.match("atu000")); //null //12. search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,没有就返回-1
console.log(str.search("fsvg")); //7
console.log(str.search("atu")); //0
console.log(str.search("atu000")); //-1 //不常用:
//1. fixed() 方法用于把字符串显示为打字机字体
document.write("<br />");
document.write(str.fixed()); //atusdgafsvg //2. fontcolor() 方法用于按照指定的颜色来显示字符串
document.write("<br />");
document.write(str.fontcolor("Red")); //atusdgafsvg 红色 //3. fontsize() 方法用于按照指定的尺寸来显示字符串
document.write("<br />");
document.write(str.fontsize(10)); //atusdgafsvg //4. fromCharCode() 可接受一个指定的 Unicode 值,然后返回一个字符串
document.write("<br />"); document.write(String.fromCharCode(72,69,76,76,79)); //HELLO
document.write("<br />"); document.write(String.fromCharCode(65,66,67)); //ABC //5. italics() 方法用于把字符串显示为斜体
document.write("<br />");
document.write(str.italics()); //atusdgafsvg 斜体 //6. lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索,区分大小写,如果没有找到,就返 回-1
document.write("<br />");
document.write(str.lastIndexOf("dga") + "<br />"); //4
document.write(str.lastIndexOf("Dga") + "<br />"); //-1
document.write(str.lastIndexOf("dGa")); //-1 //7. link() 方法用于把字符串显示为超链接
document.write("<br />");
document.write(str.link("atusdgafsvg")); //atusdgafsvg 有下划线 //8. toLocaleLowerCase()和toLowerCase() 将字符串转换为小写,与 toLowerCase() 不同的是,toLocaleLowerCase() 方法按照本地方式把字符串转换为小写。只有几种语言(如土耳其语)具有地方特有的大小写映射,所有该方法的返回值通常与 toLowerCase() 一样
document.write("<br />");
document.write(str5.toLowerCase()); //wdfdf t sdfdfdfdf
document.write("<br />");
document.write(str5.toLocaleLowerCase()); //wdfdf t sdfdfdfdf //9. toLocaleUpperCase()和toUpperCase() 将字符串转换为大写,与 toUpperCase() 不同的 是,toLocaleUpperCase() 方法按照本地方式把字符串转换为大写。只有几种语言(如土耳其语)具有地方特有的大小写映射,所有该方法的返回值通常与 toUpperCase() 一样
document.write("<br />");
document.write(str5.toUpperCase()); //WDFDF T SDFDFDFDF
document.write("<br />");
document.write(str5.toLocaleUpperCase()); //WDFDF T SDFDFDFDF
数组(Array)的方法:
代码后面的都是结果
var arr = [1,2,3,4];
var arr1 = ["mercy","devil","hita"];
// 方法:
// 1. 不改变原数组:
//1.1 concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
var arr3 = [];
document.write(arr3.concat(arr,arr1)); //1,2,3,4,mercy,devil,hita //1.2 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值
document.write("<br />");
document.write(arr.shift()); //1 //1.3 slice(n,[m]) 方法可从已有的数组中返回选定的元素,m为可选,从n开始到m结束,不包括m
document.write("<br />");
document.write(arr.slice(1,3)); //3,4 //1.4 sort() 方法用于对数组的元素进行排序,有一定的局限性,只按照第一个来排序
document.write("<br />");
var arr5 = [5,3,8,9,1,7];
document.write(arr5.sort()); //1,3,5,7,8,9
document.write("<br />");
var arr6 = [5,3,8,9,10,7,1];
document.write(arr6.sort()); //1,10,3,5,7,8,9 //1.5 // 2. 改变原数组:
//2.1 join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,分隔符,不写的话,默认为逗号分隔
document.write("<br />");
var arr4 = [];
arr4[0] = 1;
arr4[1] = 2;
arr4[2] = 3;
arr4[3] = 4;
arr4[4] = 5;
document.write(arr4.join("^")); //1^2^3^4^5 //2.2 pop() 方法用于删除并返回数组的最后一个元素
document.write("<br />");
document.write(arr1.pop()); //hita //2.3 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度
document.write("<br />");
document.write(arr4.push("9")); //6 //2.4 reverse() 方法用于颠倒数组中元素的顺序
document.write("<br />");
document.write(arr.reverse()); //4,3,2,1 //2.5 splice(n,m,i) 方法向/从数组中添加/删除项目,然后返回被删除的项目,n和m都是必填的,n是从第几位开始删除,m是删除几位,i是 添加的值,可以有多个i
document.write("<br />");
document.write(arr4); //1,2,3,4,5,9
document.write("<br />");
document.write(arr4.splice(2,2)); //3,4
document.write("<br />");
document.write(arr4); //1,2,5,9
document.write("<br />");
document.write(arr4.splice(2,1,8)); //5
document.write("<br />");
document.write(arr4); //1,2,8,9 //2.6 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度
document.write("<br />");
document.write(arr); //4,3,2
document.write("<br />");
document.write(arr.unshift(5)); //4
document.write("<br />");
document.write(arr); //5,4,3,2
JavaScript字符串与数组方法整理的更多相关文章
- Ruby数组方法整理
数组方法整理 方法列表: all().any().none()和one():测试数组中的所有或部分元素是否满足给定条件.条件可以是语句块中决定,也可以是参数决定 append():等价于push() ...
- JavaScript之数组方法整理
Array概述 除了Object类型,最常用的类型: 实质:有序的数据列表, 特性:可以动态的调整数组的大小 创建数组的两种方式 构造函数创建方式 var arr = ...
- JavaScript字符串、数组、对象方法总结
字符串方法 示例字符串: const str = "hello,kitty,hello,vue "; 一.基本方法 charAt(n) 返回指定索引的字符 charCodeAt(n ...
- JS数组方法整理(附使用示例)
整理目前所用过的数组方法,学习了新增的es6方法. 1.arr.push() 从后面添加元素,返回值为添加完后的数组的长度 let arr = [1,2, is 8.3,4,5] console.lo ...
- Javascript 字符串(二)常用操作整理
一.js获取字符串的字节数 这个好使--- function getBytesLength(str) { // 在GBK编码里,除了ASCII字符,其它都占两个字符宽 return str.repla ...
- 字符串、数组方法实战--charAt(),split(),indexOf(),substring()
这篇随笔根据两个面试题来实战一下数组.字符串的一些方法. 题一:一个字符串中找出出现次数最多的字符次数 var str = 'fuuhuhuhufaihuhfnkjNKCNIO'; function ...
- js的数组方法整理
slice 从已有的数组中返回选定的元素.该方法不会修改数组,而是返回一个子数组. 语法:arr.slice(start,end) start: 必须,规定从何处开始选取.如果是负数,就是从尾部开始算 ...
- javascript字符串与数组转换汇总
本文给大家分享的是Js中字符串转换成数组,数组转换成字符串的函数,十分的简单实用,有需要的小伙伴可以参考下. 数组转字符串 1.join()方法 ? 1 2 3 4 var s= ["a&q ...
- JavaScript字符串的处理方法
1.字符方法charAt()和charCodeAt();这两个方法都接收一个参数 var stringValue = "hello world"; stringValue.char ...
随机推荐
- python2x和python3的区别
1,源码的区别 py2x:源码比较混乱,重复代码较多,冗余 py3x: 源码崇尚优美,代码清晰简单 2,用户交互的区别: py2x:python2中input的到的数据类型为int型,Python2x ...
- springMVC2
一.视图解析流程 springMVC中视图解析器 1.视图最终的页面渲染.view视图来做,render 2.跳转到目标视图,请求转发. 3.遍历视图解析器,逻辑视图转换为物理视图. 1)视图 视图的 ...
- Python学习笔记-CGI编程(如何在IIS上挂Python开发的Webservice)
一.如何用Python开发一个简单的Webservice 利用python的cgi编程,可以传入参数将结果输出. 定义需要编码以及需要引用的模块 #conding=utf-8 #修正中文乱码 impo ...
- 手写代码 - java.util.List 相关
1-ArrayList 访问元素,不能使用ArrayList[0]形式!!!! 必须使用ArrayList.get(0);
- 爬虫 http原理,梨视频,github登陆实例,requests请求参数小总结
回顾:http协议基于请求响应的方式,请求:请求首行 请求头{'keys':vales} 请求体 :响应:响应首行,响应头{'keys':'vales'},响应体. import socket soc ...
- 一位6年老Android面经总结
声明|作者:android进阶者地址:https://www.jianshu.com/p/d77873cbad5f 前言 准备面试其实已经准备了挺久了,当时打算面试准备了差不多以后,跟公司谈谈涨薪的事 ...
- HTML 动画收藏
各种loading图标动画 http://www.yyyweb.com/377.html http://www.yyyweb.com/350.html
- 对于JavaBean+Servlet+SqlServer的代码总结和打包调用
日期:2019.3.24 博客期:049 星期日 说起来我已经说过很多次前台的应用技术了呢!这一次我是要将这一部分打包,做成配套的制作工具: 当前我已经打包成功,想要下载的同学可以进入我的GitHub ...
- docker-elk装IK自定义分词库
本人的elasticsearch是docker环境下运行 运行elasticsearch的容器,通过docker命令:docker exec -it 955e8d32d4a9 /bin/bash 进入 ...
- docker删除已经停止的容器
前言:docker容器已经停止运行的容器,怎么清理 1.如图: docker ps -a :显示所有运行过的docker容器 status : docker容器的状态 docker ...