JavaScript字符串类型属性和方法

本文主要是介绍JavaScript字符串类型属性和方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

属性：

length ：获取字符串的长度

// 获取字符串的长度
let str = 'hello';
let len = str.length;
console.log(len);	// 5

通过索引值index访问字符串中的每个字符 索引值index从 0 开始

// 通过索引值获取字符串中的某个字符
console.log(str[1]); // e
console.log(str[2]); // l

方法：

charAt( )

说明：返回指定索引位置的字符

let ziFu = 'hello';
console.log(ziFu.charAt(1));
// e

concat( ) 

说明: 连接两个或多个字符串，返回连接后的字符串

let str1 = 'hello',
    str2 = 'world',
    str3 = '你好';
let res = str1.concat(str2,str3,str2,str3);
console.log(res);
console.log(str1);
// helloworld你好world你好
// hello

indexOf( )

说明：返回字符串中检索指定字符第一次出现的位置，如果不存在返回 -1

let str = '2helloa world 123';
let first = str.indexOf('a');
console.log(`a第一次出现的位置是${first}`); 
// a第一次出现的位置是6

// 应用1： 通过这个方法可以判断字符串中的某个字符是否只出现一次   第一次出现位置的索引值和最后一次出现位置的索引值是相等的 
let first1 = str.indexOf('2');// 第一次出现的位置
let last = str.lastIndexOf('2');//第二次出现的位置
let first2 = str.indexOf('world');//
console.log(first1,last,first2);
// 0 15 8

lastIndexOf( )

说明：返回字符串中检索指定字符最后一次出现的位置，如果不存在返回 -1

//indexOf()  lastIndexOf() 如果检索的字符不存在 则返回 -1 ; 
//应用2：通过这两个方法可以判断字符串中是否存在指定的字符 ， 存在返回索引值，不存在 返回 -1
 let first = str.indexOf('Q') ;
 let last = str.lastIndexOf('Q') ;
 console.log(first, last);//-1 -1

slice( )

说明：提取字符串的片断，并在新的字符串中返回被提取的部分

// slice(startIndex, endIndex) (截取字符串)	提取字符串的片断，并在新的字符串中返回被提取的部分
let html = 'hello world';
// 1.包前不包后
// 包前（包含起点索引值位置的字符）不包后 （不包含终点索引值位置的字符）
let test = html.slice(0,3)
console.log(test);//hel
// 2.一个参数： 意味着从起点索引值位置开始向后截取整个字符串
let test2 = html.slice(3);
console.log(test2);//lo world
// 3.能接受负数作为参数：意味着倒着截取字符串
let test3 =  html.slice(-5);
console.log(test3);//world
let test4 =  html.slice(-5,-2);
console.log(test4);//wor
// 4.终点索引值超出字符串的长度，则意味着 从起点索引值位置开始向后截取整个字符串
let test5 = html.slice(8,20);
console.log(test5);//rld
// 5.起点是正值,终点是负值  , 意味着截取起点和终点之间所有的字符串(不需要考虑字符串的长度)
let test6= html.slice(8,-2);
console.log(test6);//r
// 6.起点超出字符串的长度，则截取失败
let test7 = html.slice(10,-2);
console.log(test7);

substr( )

substr(startIndex, length)

startIndex: 截取的起点索引值 必选项

length： 截取的长度 可选项

说明：截取指定长度的字符串，得到的结果是截取后的字符串

let html = 'hello world';
// 1. 从指定的索引值为开始截取指定长度的字符串
let test8 = html.substr(2,3)
console.log(test8);//llo
// 2.一个参数： 从起点开始向后截取整个字符串
let test9 = html.substr(3);
console.log(test9);//lo world
// 3.可以接受负数， 意味着倒着截取字符串
let test10 = html.substr(-10,3);
console.log(test10);//ell
// 4.指定的长度超出字符串长度,从指定的索引值为开始截取整个字符串
let test11 = html.substr(4,20);
console.log(test11);//o world

substring( )

substring(startIndex, endIndex) 截取字符串，得到的结果是截取后的新字符串
startIndex: 截取字符串起点的索引值， 必选项
endIndex: 截取字符串终点的索引值 ， 可选项

说明：提取字符串中两个指定的索引号之间的字符

// 1. 截取字符串： 包前（包含起点索引值位置的字符）不包后 （不包含终点索引值位置的字符）
let test12 = html.substring(0,3);
console.log(test12);//hel
// 2. 一个参数：意味着从起点索引值位置开始向后截取整个字符串
let test13 = html.substring(2);
console.log(test13);//llo world
// 3.不能接受负数
let test14 = html.substring(-10);
console.log(test14);//hello world
// 4.终点索引值超出字符串的长度，则意味着 从起点索引值位置开始向后截取整个字符串
let test15 = html.substring(9, 20);
console.log(test15);//ld

split( )

说明：split(参数) 把字符串分割为子字符串数组

参数: 参数是分割的标识，也可以接受一个正则表达式作为参数

var tit = 'hello abc world';
//传入具体的字符串,则以该字符串作为分割的标识, 分割后生成的数组中不包含传入的字符串
var test16 = tit.split('o');
console.log(test16);
//[ 'hell', ' abc w', 'rld' ]

var test17 =tit.split('abc');
console.log(test17);
//[ 'hello ', ' world' ]
// 传入空字符串 : 逐位分割
var test18 = tit.split('');
console.log(test18);
//['h', 'e', 'l', 'l',
	'o', ' ', 'a', 'b',
  	'c', ' ', 'w', 'o',
  	'r', 'l', 'd']

toLowerCase( )

说明：把字符串转换为小写

var tit2 = 'hello WORLD';
// toLowerCase()	把字符串转换为小写
console.log(tit2.toLowerCase());//hello world

toUpperCase( )

说明：把字符串转换为大写

// toUpperCase()	把字符串转换为大写
console.log(tit2.toUpperCase());//HELLO WORLD

trim( )

说明：移除字符串首尾空白

var tit3 ='     hello world     ';
// 输出字符
console.log(tit3);//     hello world     
//输出字符长度
console.log(tit3.length);//21
//输出移除首尾空白后的字符
console.log(tit3.trim());//hello world

var test19 = tit3.trim();
// 输出移除首尾空白后的字符长度
console.log(test19.length);//11

replace( )

replace(patt, newStr)

说明：替换与正则表达式匹配的子串

patt 第一个参数是正则表达式 / 原字符

newStr 替换的字符串

//使用指定的字符串newStr替换匹配patt的字符串
var tit4 = 'hello world wo de';
var test20 = tit4.replace('o', '88');
console.log(test20);//hell88 world wo de

//通过正则匹配要替换的字符串
var test21 = tit4.replace(/o/gi, '88');
console.log(test21);// hell88 w88rld w88 de

search( )

检索与正则表达式相匹配的值

match( )

找到一个或多个正则表达式的匹配

这篇关于JavaScript字符串类型属性和方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！