1、属性

1.1、length

var txt = "abc 123";
console.log(txt.length); //

2、方法

2.1、返回字符位置(indexOf()

该方法返回某个指定的字符串值在字符串中首次出现的位置,如果找不到返回 -1

stringObject.indexOf(searchvalue,fromindex)    //searchvalue必需   fromindex可选,规定在字符串中开始检索的位置,最小为0
var str="abc efg, aaa";
var n = str.indexOf("aaa");
console.log(n) //9

2.2、去除字符串两边空白(trim()

该方法去除字符串的头尾空格,该方法不会改变原始字符串。该方法在使用上有浏览器限制,如果浏览器不支持,可以使用正则表达式来实现

var str = "  Runoob  ";
console.log("--" + str + "--")       //-- Runoob --
console.log("--" + str.trim() + "--"); //--Runoob--
function myTrim(x) {     //当浏览器不支持直接使用时,可以用这个函数实现trim()
  return x.replace(/^\s+|\s+$/gm,'');
}
var str = myTrim(" Runoob ");
console.log("--" + str + "--"); //--Runoob--

2.3、检索匹配的字符串(search()

该方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。若找到则返回匹配到的字符串起始位置,索引从0开始,若找不到返回 -1.

var str = "abc Runoob!";
console.log(str.search("Runoob")); //
console.log(str.search(/Runoob/i)); //

2.4、替换匹配到的字符串(replace()

该方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

string.replace(searchvalue,newvalue)
var str = "Visit Microsoft! Visit Microsoft!";
var n = str.replace("Microsoft","Runoob");     //Visit Runoob! Visit Microsoft!
var txt = str.replace(/microsoft/i,"Runoob"); //Visit Runoob! Visit Microsoft!

2.5、把其他类型转化成字符串(toString()、String())

toString() : 除了null和undefined之外,其他的类型(数值,布尔,字符串,对象)都有此方法,它返回相应值的字符串表现(并不修改原变量);

var age = 11;
var ageAsString = age.toString(); //"11"
alert(age) //11;
var found = true;
var foundAsString = found.toString(); //"true"
var arr = [1,2,'a']
console.log(arr.toString(), typeof arr.toString())  //1,2,a  string

String() : 在不知道要转换的值是不是null和undefined情况下,还可以用String(),String()能够将任何类型的数值转换成string类型,String()遵循以下原则:

1.如果只有toString()方法,则调用toString()方法并返回相应的结果;

2.如果值为null,则返回"null";

3.如果值为undefined,则返回 "undefined"; 

JS中字符串的常见属性及方法的更多相关文章

  1. js中Array数组的属性和方法

    这是我自己整理出来的一些关于Array数组的属性和方法,即查即用. 1.Array.length属性:数组的项数组,始终返回0或者更大的值. 2.instanceof操作符:value instanc ...

  2. Java中字符串的常用属性与方法

    •字符串常用的属性 string.length()————>返回字符串的长度,int类型. •字符串常用的方法 String.contains(";")——————>判 ...

  3. js中字符串和正则相关的方法

    正则表达式对象常用方法 test() 检索字符串中指定的值.返回 true 或 false. var str="Embrace You" var r1=/you/i.test(st ...

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

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

  5. JS中字符串倒序的两种方法

    var reverse = function( str ){ var stack = [];//生成一个栈 for(var len = str.length,i=len;i>=0;i-- ){ ...

  6. js中字符串处理成数字的方法

    <script> var a="11.1111"; var b="12.2222"; //第一种方法:乘以1的方法 //alert(a*1+b*1) ...

  7. js中字符串转换为数值的两种方法的区别

    在js中字符串转换为数值的方法有三种:转换函数,强制类型转换,隐式转换 1.转换函数 parseInt()   //将字符串转换为整型 parseFloat()  //将字符串转换为浮点型 转换函数在 ...

  8. js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和php很像:单引号快,双引号可转义字符,双引号可解析变量)

    js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和php很像:单引号快,双引号可转义字符,双引号可解析变量) 一.总结 1.html中属性规范是 ...

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

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

随机推荐

  1. 杂项-SAP:SAP (服务访问点(Service Accessing point))

    ylbtech-杂项-SAP:SAP (服务访问点(Service Accessing point)) 1.返回顶部 1. SAP,是Service Accessing point的缩写,意思是服务访 ...

  2. quick BI 修改列名备注

    有些列名太长了,所以造成些影响.注意修改即可.

  3. Vagrant 手册之同步目录 - VirtualBox

    原文地址 如果你使用的 provider 是 VirtualBox,那么 VirtualBox 同步目录就是默认的同步目录类型.这些同步目录使用 VirtualBox 的共享目录系统来同步客户机跟宿主 ...

  4. 【ABAP系列】SAP ABAP模块-memory内存数据传输的例子

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]SAP ABAP模块-memor ...

  5. Linux:VIM简单入手

    现在的Linux系统一般都会默认安装VIM编辑器,如果没有安装VIM编辑器,也默认一定会有VI编辑器,VI编辑器产生的时间比鼠标来的更早,虽然功能很强大,但我建议安装VIM工具,安装了VIM之后,VI ...

  6. 《JAVA设计模式》之组合模式(Composite)

    在阎宏博士的<JAVA与模式>一书中开头是这样描述合成(Composite)模式的: 合成模式属于对象的结构模式,有时又叫做“部分——整体”模式.合成模式将对象组织到树结构中,可以用来描述 ...

  7. php页面出现空白解决方法

    查询php程序使用内存情况 $size = memory_get_usage(); file_put_contents("d:/data.php", var_export($siz ...

  8. c# 获取 Apk ,Aar 文件包名

    最近项目有个需求,需要拿到前端上传的Apk或者Aar文件里面的包名. 在这里贡献出来,方便有需求的小伙伴. 项目是 asp.net core 2.2 需要安装 nuget : AndroidXml S ...

  9. 【新手向】一个超简单的jquery.mCustomScrollbar滚动条插件Demo

    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> < ...

  10. vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

    场景: . webpack2.4.*集成vue-loader@15.7.2报错 原因: 参考官方文档 https://vue-loader.vuejs.org/migrating.html#a-plu ...