首页 / JAVASCRIPT / JS字符串方法使用步骤详解

JS字符串方法使用步骤详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS字符串方法使用步骤详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6170字，纯文字阅读大概需要9分钟。

内容图文

这次给大家带来JS字符串方法使用步骤详解，JS字符串方法使用的注意事项有哪些，下面就是实战案例，一起来看一下。

1.方法阅读说明

返回值类型对象.方法名称（参数1[,参数二]）;
解释：

返回值类型：指的是函数调用结束后返回的值的类型。
对象.方法名称：指的是调用方法。
参数列表：表示函数调用时传入的参数。[]表示可选参数，可写可不写。

2.字符串属性

定义：通过一对""或者一对''包起来的，由0个或者多个字符组成的就是字符串。
字符串长度：

string.length;

eg:

var str1="abc";
var str2="";
var str3=" ";
console.log(str1.length);//3
console.log(str2.length);//0
console.log(str3.length);//1

3.charAt

作用： 此方法返回对应位置的字符。
语法： string string.charAt(index);
参数： index指 0到字符串长度-1 的某个一个整数。
返回值： 返回字符串对应位置的字符。

注意：

- 如果传入参数小于0或者大于 字符串长度-1，则返回空字串。
- 如果传入boolean值，如果为true，默认是转化为数字1，指到字符串第二个字符。如果为false，默认是转化为数字0，指到字符串第一个字符。
- 如果传入任意字符串，则指到字符串第一个字符。

<script>
        var str="abc";
        console.log(str.charAt(0));//a
        console.log(str.charAt(2));//c
        console.log(str.charAt(-88));//""
        console.log(str.charAt(false));//a
        console.log(str.charAt(true));//b
        console.log(str.charAt("unm"));//a
</script>

4.chatCodeAt

作用：返回对应位置字符的 Unicode 数值
语法： number string.charCodeAt(index);
参数： index指 0到字符串长度-1 的某个一个整数。
返回值： 返回字符串对应位置的字符的 Unicode 数值。

注意：
如果传入参数小于0或者大于字符串长度-1，则返回空字串。则返回NAN。

<script>
    var str="abc";
    console.log(str.charCodeAt(0));//97
    console.log(str.charCodeAt(2));//99
    console.log(str.charCodeAt(-88));//NAN
    console.log(str.charCodeAt(false));//97
    console.log(str.charCodeAt(true));//98
    console.log(str.charCodeAt(undefined));//97
    console.log(str.charCodeAt("zzzz"));//97
</script>

4.fromCharCode

作用：将 Unicode 数值转化为对应的字符。
语法： string String.fromCharCode(index);
参数： index指传入任意的整数。
返回值： 返回Unicode 数值对应的字符串。

<script>
    console.log( String.fromCharCode( 97 ) );//a
    console.log( String.fromCharCode( 65 ) );//A
</script>

加密解密的小例子

5.indexOf

作用： 返回指定值在调用该方法时字符串首次出现的位置。
语法： number string.indexOf((searchValue [, fromIndex]));
参数： searchValue 指要查找的字符串。fromIndex 指从哪里开始查找，默认值为0。
返回值： 返回数字。
注意：如果存在则返回位置，不存在则返回-1。

<script>
    var str="abcabcabc";
    console.log(str.indexOf("a"));//0
    console.log(str.indexOf("b"));//1
    console.log(str.indexOf("z"));//-1
    console.log(str.indexOf("ab"));//0
    console.log(str.indexOf("ac"));//-1
    console.log(str.indexOf("bc",0));//1
    console.log(str.indexOf("bc",-2));//1
    console.log(str.indexOf("bc",18));//-1
</script>

5.lastIndexOf

作用： 返回指定值在调用该方法时字符串最后出现的位置。
语法： number string.indexOf((searchValue [, fromIndex]));
参数： searchValue 指要查找的字符串。fromIndex 指从哪里开始查找，默认值为str.length-1。
返回值： 返回数字。
注意：如果存在则返回位置，不存在则返回-1。

<script>
        var str="abcabcabc";
        console.log(str.lastIndexOf("a"));//6
        console.log(str.lastIndexOf("b"));//7
        console.log(str.lastIndexOf("z"));//-1
        console.log(str.lastIndexOf("ab"));//6
        console.log(str.lastIndexOf("ac"));//-1
        console.log(str.lastIndexOf("bc",0));//-1
        console.log(str.lastIndexOf("bc",-2));//-1
        console.log(str.lastIndexOf("bc",18));//7
</script>

6.slice

作用： 方法提取字符串中的一部分，并返回这个新的字符串（包含起始位置，不包含结束位置）
语法： string string.slice((star [, end]));
参数： star是指截取的起始位置，end是指截取的结束位置，默认为最后一个字符的位置+1 ( 字符串的长度 )。
返回值： 返回截取后的字符串。

注意：

不会根据参数大小
交换参数位置如果参数中有负值，则处理成从末尾开始数。-1指最后一个元素，-2 指倒数第二个元素。

<script>
    var str="abcabc";
    console.log(str.slice(2));//"cabc"
    console.log(str.slice(0,2));//"ab"
    console.log(str.slice(2,2));//""
    console.log(str.slice(2,-1));//"cab"
    console.log(str.slice(2,-6));//""
    console.log(str.slice(2,1));//""
    console.log(str.slice(-2,-1));//"b"
</script>

7.substring

注意：

会根据起始位置和结束位置的大小先进行参数位置的变换
会把负值转换成0

<script>
    var str="abcabc";
    console.log(str.substring(2));//"cabc"
    console.log(str.substring(0,2));//"ab"
    console.log(str.substring(2,2));//""
    console.log(str.substring(2,-1));//"ab"
    console.log(str.substring(2,-6));//"ab"
    console.log(str.substring(2,1));//"b"
    console.log(str.substring(-2,-1));//""
</script>

8.substr

作用: 截取指定 起始位置和长度的子字符串.
语法: string string.substr(start [, length]);
参数: start :截取的起始位置。length:截取的字符串长度，默认为字符长度。
返回值: 返回截取后的字符串

<script>
    var str="abcabcabcabc";
    console.log(str.substr(0));//abcabcabcabc
    console.log(str.substr(3));//abcabcabc
    console.log(str.substr(3,5));//abcab
    console.log(str.substr(3,-1));""
</script>

9.toLowerCase

1.toLowerCase
作用: 把字符串全部转成小写
语法: string string.toLowerCase();
返回值: 返回转成小写的字符串。

2.toUpperCase
作用: 把字符串全部转成大写
语法: string string.toUpperCase();
返回值: 返回转成大写的字符串。

<script>
        var str = "liangZhiFANG";
        console.log( str.toLowerCase() );//"liangzhifang"
        console.log( str.toUpperCase() );//"LIANGZHIFANG"
        console.log( str );//"liangZhiFANG"
        console.log( "LoveJs".toLowerCase() );//"lovejs"
</script>

10.split

作用: 通过一个指定的字符串 把原字符串分割成一个数组。
语法: array string.split([separator] [, limit])
参数:separator是指分割符。limit指定最多分割的数量，可以理解为数组长度，默认为全部。
返回值:返回一个数组。
注意:当没有分割符的时候(没有传入参数)，整个字符串将作为一个整体保存到数组中。 用分割符分割的时候，分割符会在被删除了在传入数组。

<script>
        var str="我爱,你,们";
        console.log(str.split(","));//["我爱","你","们"]
        console.log(str.split(",",2));//["我爱","你"]
        console.log(str.split());//["我爱,你,们"]
        console.log(str.split("mmm"));//["我爱,你,们"]
        console.log(str.split(""));//["我", "爱", "," , "你", "," ,"们"]
    </script>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JS字符串方法使用步骤详解全部内容，希望文章能够帮你解决JS字符串方法使用步骤详解所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/289554.html

来源：【匿名】

【上一篇】jsajax加载时的进度条代码【下一篇】javascript 怎么调用php方法

更多 ►

【JS字符串方法使用步骤详解】教程文章相关的互联网学习教程文章

7-JavaScript 字符串

1、字符串的作用　　JavaScript 字符串用于存储和处理文本。2、类型　　1）、字符串可以存储一系列字符，如 "John Doe"。　　字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号：　　var carname = "Volvo XC60";　　2）你可以使用索引位置来访问字符串中的每个字符：　　var character = carname[7];　　3）、字符串的索引从 0 开始，这意味着第一个字符索引值为 [0],第二个为 [1], 以此类推。　　你可以在字符串中使...

JavaScript 字符串转数字（整数，浮点数，进制转换）【代码】

下面是使用parseFloat()方法的示例： parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaNparseInt进行转换时，将字符串转成相应的整数。浮点数以后的数字都不要了。 parseInt("1234blue"); //returns 1234 parseInt("22.5"); //...

javascript 字符串数字反转字母大小写互换【代码】

// 符串abcd123ABCD456 怎么转换为 ABCD321abcd654 // 数字要倒序小写转大写, 大写转小写 Array.prototype.reverse = function() {var tmp;for (var i = 0, j = this.length - 1; i < j; i++, j--) {tmp = this[i];this[i] = this[j];this[j] = tmp;}return this; };function foo(s) {var code, a = [],b, last = 0; // 0 1:alpha 2:numfor (var i = 0; i < s.length; i++) {code = s.charCodeAt(i);if ((97 <= code && code <=...

javascript利用正则快速找出两个字符串的不同字符

//by 夏天以南 /**/[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]原文：http://www.jb51.net/article/13237.htm

JavaScript学习笔记（五）——类型、转换、相等、字符串【代码】

第六章类型相等转换等一、类型1 typeof();typeof是一个内置的JavaScript运算符，可用于探测其操作数的类型。例： 1 <script language="JavaScript" type="text/JavaScript">2 3var test1="abcdef"; //string 4 5var test2=123; //number 6 7var test3=true; //boolean 8 9var test4={...

javascript中split字符串分割函数【代码】

1、var ss=s.split("fs"); for(var i=0;i<ss.length;i++){ 处理每一个ss[i]; }2、"2:3:4:5".split(":") //将返回["2", "3", "4", "5"] "|a|b|c".split("|") //将返回["", "a", "b", "c"]3、<script type="text/javascript"> var str = "一二三四"; var str1 = "篮球、排球、乒乓球"; var arr = str.split("");//全部分割 var arr1 = str1.split("、");//按照顿号分割 var arr2 = str1.split("、",2);//按照顿号分割,保留两段 </...

JavaScript - 函数、对象、事件、字符串（三）【代码】

JS 函数JS 函数是被设计为执行特定任务的代码块JS 函数会在某代码调用它时被执行JS 函数语法JS 函数通过 function 关键词进行定义，其后是函数名和括号()函数名可包含字母、数字、下划线、美元符号（规则与变量名相同）括号内是参数列表，多个参数之间使用逗号分隔：(参数1，参数2，参数3...)由函数执行的代码被放置在花括号中：{...}function functionName(var1,var2,var3,...){//执行代码//return ... } JS 函数调用当事件发生时...

JavaScript 优雅简单的拼接字符串【代码】

前言最近维护一个老系统，里面有大量js拼接字符串的代码，这里总计一下js拼接字符串JS 原生字符串拼接JavaScript里面的字符串可以直接用 + 来拼接return "<a style=‘text-decoration:underline‘ onClick=‘" + valsAr[1] + " return false;" + "‘ data-rowId=‘" + row_id + "‘ href=‘javascript:;‘ title=‘" + valsAr[0] + "‘>" + valsAr[0] + "</a> "; 以上就是拼接一个带js事件的a标签，可以看出来里面混合了单引号和双...

简单的js数字字符串混合排序方法【代码】【图】

最终效果：实现方法：// 使用js中Array类型的原生方法sort与String类型的原生方法localeCompare实现afterSortDataList = beforeSortDataList.sort(function (a, b) {return a.name.localeCompare(b.name, ‘zh-CN‘, { numeric: true });}) 关于localeCompare方法的详细使用方式，可以前往下面的地址查阅https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare原文：https://ww...

JavaScript数组和字符串的方法【代码】

数组的所有方法join():数组转字符串(原数组不会发生改变)let arr = ['a','b','c'] let newArr = arr.join('')//参数可以是空格逗号连字符等 console.log(newArr)//abc console.log(arr)//['a','b','c']push():向数组的末尾添加一个或多个元素，并返回新的长度(原数组发生改变)let arr = [1,2,3] arr.push(4) console.log(arr)//[1,2,3,4]pop():删除数组的最后一个元素(原数组发生改变)let arr = ['a','b','c'] arr.pop() console...

[Javascript] 如何自定义字符串格式化输出【代码】

在其他语言中十分常见的字符串格式化输出，居然在 Javascript 中不见踪影，于是决定自己实现该方法，以下就是个人编写的最简洁实现：String.prototype.format = function(){var args = arguments;returnthis.replace(/\{(\d+)\}/gm, function(ms, p1){returntypeof(args[p1]) == ‘undefined‘ ? ms : args[p1]}); } 应用示例：>>> "{0} is not {1}".format("Linux", "Unix") "Linux is not Unix" 原文：http://www.cnblogs.com/if...

javascript中字符串格式json如何转化成json对象【代码】

什么是JSONJSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写，同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。JSON格式与语法var jsonobject={ //对象内的属性语法(属性名与属性值是成对出现的) propertyname:value, //对象内的函数语法(函数名与函数内容是成对出现的) functionname:function(){...

js正则表达式校验输入字符串是否是手机号码【代码】【图】

js 如何校验手机号码呢?手机号有如下规则:(1)必须全为数字;(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);(3)必须以1开头(有人见过以2开头的手机号吗?)(4)第2位是34578中的一个.js方法如下:/**** check mobile phone:(1)must be digit;(2)must be 11* @param string* @returns {boolean}*/ telRuleCheck2 = function (string) {var pattern = /^1[34578]\d{9}$/;if (pattern.test(string)) {return true;}console.log(‘ch...

js中字符串的替换

定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp/substr,replacement)参数描述 regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。 replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。返回值一个新的...

JS字符串截取 “指定字符” 前面和后面的内容！【代码】

JS字符串截取 “指定字符” 前面和后面的内容！var string= "07/12" var before = string.split(‘/‘)[0] var after = string.split(‘/‘)[1] console.log(before,after) // 07 12 原文：https://www.cnblogs.com/silent007/p/9306464.html

首页 / JAVASCRIPT / JS字符串方法使用步骤详解

JS字符串方法使用步骤详解

内容导读

内容图文

1.方法阅读说明

2.字符串属性

3.charAt

4.chatCodeAt

4.fromCharCode

5.indexOf

5.lastIndexOf

6.slice

7.substring

8.substr

9.toLowerCase

10.split

内容总结

内容备注

内容手机端

【JS字符串方法使用步骤详解】教程文章相关的互联网学习教程文章

字符串 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程