Javascript之String对象详解

String对象简介

String对象是Javascript中的基本对象之一，用来表示字符串类型。在Javascript程序中，经常需要对字符串进行各种处理，使用String对象提供的方法便可轻松实现。

String对象的创建

可以使用字面量、字符串构造函数或toString()函数来创建String对象。

var str1 = "Hello, World!";   // 使用字面量创建
var str2 = String("Hello, World!");   // 使用字符串构造函数创建
var num = 123;
var str3 = num.toString();   // 使用toString()函数将数字转换为字符串

String对象的属性

• length：获取字符串的长度。

var str = "Hello, World!";
console.log(str.length);   // 输出 13

String对象的方法

1. 字符串的截取

• slice(start, end)：截取字符串，返回从start开始到end（不包括end）为止的字符串。

var str = "Hello, World!";
console.log(str.slice(0, 5));   // 输出 Hello
console.log(str.slice(7));   // 输出 World!

• substring(start, end)：截取字符串，返回从start开始到end（不包括end）为止的字符串。与slice()方法类似，但是不支持负值。

var str = "Hello, World!";
console.log(str.substring(0, 5));   // 输出 Hello
console.log(str.substring(7));   // 输出 World!

• substr(start, length)：截取字符串，返回从start开始指定长度的字符串。

var str = "Hello, World!";
console.log(str.substr(0, 5));   // 输出 Hello
console.log(str.substr(7));   // 输出 World!

2. 字符串的查找、替换和分割

• indexOf(searchValue, fromIndex)：查找字符串中第一个匹配的字符位置，从fromIndex开始查找。如果找不到返回-1。

var str = "Hello, World!";
console.log(str.indexOf("o"));   // 输出 4
console.log(str.indexOf("o", 5));   // 输出 8

• lastIndexOf(searchValue, fromIndex)：查找字符串中最后一个匹配的字符位置，从fromIndex开始查找。如果找不到返回-1。

var str = "Hello, World!";
console.log(str.lastIndexOf("o"));   // 输出 8
console.log(str.lastIndexOf("o", 5));   // 输出 4

• replace(searchValue, replaceValue)：替换字符串中第一个匹配的字符为指定字符。

var str = "Hello, World!";
console.log(str.replace("o", "0"));   // 输出 Hell0, World!

• split(separator, limit)：将字符串按照指定的分隔符分割成数组，可选参数limit指定返回的数组长度。

var str = "Hello, World!";
console.log(str.split(" "));   // 输出 ["Hello,", "World!"]

3. 字符串的大小写转换

• toLowerCase()：将字符串中的字母转换为小写。

var str = "Hello, World!";
console.log(str.toLowerCase());   // 输出 hello, world!

• toUpperCase()：将字符串中的字母转换为大写。

var str = "Hello, World!";
console.log(str.toUpperCase());   // 输出 HELLO, WORLD!

示例

1. 验证密码是否符合规则（密码长度不小于6位，且包含数字和字母）。

function isPasswordValid(password) {
  if (typeof password !== "string") {   // 验证参数是否为字符串
    return false;
  }
  if (password.length < 6) {    // 验证密码长度是否小于6位
    return false;
  }
  if (!/\d/.test(password) || !/[a-zA-Z]/.test(password)) {   // 使用正则表达式验证密码是否包含数字和字母
    return false;
  }
  return true;
}

var password1 = "123456";
console.log(isPasswordValid(password1));   // 输出 false
var password2 = "1qazxsw2";
console.log(isPasswordValid(password2));   // 输出 true
var password3 = "abcdefg";
console.log(isPasswordValid(password3));   // 输出 false

1. 实现对URL地址中的参数进行解析。

function parseUrlParams(url) {
  var params = {};
  var queryStr = url.substr(url.indexOf("?") + 1);   // 截取URL中的查询参数部分
  var queryArr = queryStr.split("&");   // 将查询参数部分分割成数组
  for (var i = 0; i < queryArr.length; i++) {
    var item = queryArr[i];
    var key = item.split("=")[0];
    var value = item.split("=")[1];
    params[key] = value;
  }
  return params;
}

var url = "https://www.example.com/index.html?name=john&age=30&city=beijing";
console.log(parseUrlParams(url));   // 输出 {name: "john", age: "30", city: "beijing"}