JS 字符串常用操作

原创于 2017-08-16 17:10:20 发布 · 301 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JS

JS 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript中字符串的各种操作方法，包括字符获取、查找、替换、分割等实用技巧。通过具体示例展示了如何使用charAt、indexOf、replace等方法进行字符串处理。

str.charAt() 返回指定位置的字符。返回的字符是长度为 1 的字符串。

var mystr = "I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));
document.write(mystr.charAt(2));   // 英文字母 l

str.indexOf() 返回某个指定的字符串值在字符串中首次出现的位置

// 此方法区分大小写
// 如果要检索的字符串值没有出现，则该方法返回 -1.
var str = "I love JavaScript!"
document.write(str.indexOf("I") + "<br />");  // 0
document.write(str.indexOf("v") + "<br />");  // 4
document.write(str.indexOf("v",8));           // 9

str.lastIndexOf()

# 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索
# 此方法对大小写敏感！
# 如果要检索的字符串值没有出现，则该方法返回 -1。

var str="Hello world!";
str.lastIndexOf("Hello");   // 0
str.lastIndexOf("World");   // -1
str.lastIndexOf("world");   // 6

charCodeAt() 方法、indexOf() 方法、substring() 方法

str.length

var mystr = "Hello World!";
var myl = mystr.length;

str.replace

str.replace(/Microsoft/, "W3School");  // 替换 1 次  注意: 要替换的不加引号
str.replace(/Microsoft/g, "W3School"); // 全部替换

str.substring() 提取字符串中介于两个指定下标之间的字符

var mystr = "I love JavaScript";
document.write(mystr.substring(7));     // JavaScript
document.write(mystr.substring(2,6));   // love

str.substr() 从字符串中提取从 startPos位置开始的指定数目的字符串

var mystr = "I love JavaScript!";
document.write(mystr.substr(7));    //JavaScript!   从7开始到最后
document.write(mystr.substr(2,4));  //love   从2开始, 截取4位

str.split()

var mystr = "www.imooc.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>"); // 截取前2个元素
document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));         // 截取前5个元素

# 结果 :
www,imooc,com
www,imooc
w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i

"|a|b|c".split("|");        //将返回["", "a", "b", "c"]

str.toUpperCase()

var str = "Hello world!";  
var str = str.toUpperCase();    // HELLO WORLD!

str.toLowerCase()

var str = "Hello world!";
var str = str.toLowerCase();    // hello world!

数字

parseFloat(str) 和 num.toFixed(2)

parseFloat() 函数可解析一个字符串，并返回一个浮点数。
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字

var total = $("#priceTotal").html();
var total = parseFloat(total).toFixed(2);
console.log(total);

parseInt() 函数可解析一个字符串，并返回一个整数。

var a = parseInt(document.getElementById("txt1").value);
parseInt("10");         //返回 10
parseInt("19",10);      //返回 19 (10+9)
parseInt("11",2);       //返回 3 (2+1)
parseInt("17",8);       //返回 15 (8+7)
parseInt("1f",16);      //返回 31 (16+15)
parseInt("010");        //未定：返回 10 或 8
parseInt("123abc");     //未定：返回 123