JavaScript 之 面向对象 [ String范例 ]

2023年3月9日 90次阅读 来源: 蔡志远

String范例

形貌

  • String范例对应原始范例中的string范例

大小写转换

  • 示意将指定字符串中内容（英文）小小写的转换

toUpperCase()要领

  • 示意将内容转换成大写

toLowerCase()要领

  • 示意将内容转换成小写
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* 将字符串转换玉成大写 */
var s = str.toUpperCase();
console.log( s );//SANBUBAITOU
/* 将字符串转换玉成小写 */
console.log( s.toLowerCase() );//sanbubaitou

依据指定位置猎取字符串内容

  • 示意经由过程指定字符串中指定字符的位置（索引值）来猎取对应的内容

charAt()要领

  • 示意返回指定的字符内容

charCodeAt()要领

  • 示意返回指定的字符内容所对应的 Unicode码
var str = 'sanbubaitou';
/* length属性示意字符串的长度（字符的个数） */
console.log( str.length );// 显现 11

/* charAt()要领 */
console.log( str.charAt( 0 ) );// 显现 s
/* charCodeAt()要领 */
console.log( str.charCodeAt( 0 ) );// 显现 115（Unicode码）

检索字符串

  • 示意检索目的字符串中是不是存在指定字符

indexOf()要领

  • 示意从左到右的递次举行检索

lastIndexOf()要领

  • 示意从右到左的递次举行检索

注重

  • 以上两种要领只能婚配到第一个与目的字符雷同的字符，并显现位置信息

    • 假如指定字符串中存在多个雷同的字符，只会找到第一个，剩下的将不会再去查找
  • 假如须要检索的字符不存在会显现 -1（牢固写法）
/* 定义一个字符串 */
var str = 'sanbubaitou';

/* 经由过程indexOf()要领举行检测 */
console.log( str.indexOf( 'a' ) );// 显现 1（索引值）
/* 经由过程lastIndexOf()要领举行检测 */
console.log( str.lastIndexOf( 'u' ) );// 显现 10（索引值）
/* 检测的目的不存在时 */
console.log( str.indexOf( 'w' ) );// 显现 -1

截取字符串

  • 示意对指定的字符串举行截取

slice()要领

  • 示意截取指定字符串，并将截取的内容构成一个新的字符串举行返回

  • 该要领的参数

    • 第一个参数 – 示意最先截取的位置
    • 第二个参数 – 示意完毕截取的位置
/* 定义一个字符串 */
var str = 'sanbubaitou';

/* slice()要领 */
console.log( str.slice( 4, 8 ) );// 显现 ubai

substr()要领

  • 示意经由过程指定的长度来举行截取，并将截取的内容构成一个新的字符串举行返回

  • 该要领的参数

    • 第一个参数 – 示意最先截取的位置
    • 第二个参数 – 示意截取的长度
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* substr()要领 */
console.log( str.substr( 5, 10 ) );// 显现 baitou

substring()要领

  • 示意截取指定字符串，并将截取的内容构成一个新的字符串举行返回

  • 该要领的参数

    • 第一个参数 – 示意最先截取的位置
    • 第二个参数 – 示意完毕截取的位置
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* substring()要领 */
console.log( str.substring( 3, 9 ) );// 显现 bubait

slice()要领 和 substring()要领 的对照

  • slice()要领的参数能够写负值

    • 负值 – 示意反方向截取

  • substring()要领的参数不能够写负数

    • 写了负值将不会有显现
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* slice()要领 */
console.log( str.slice( -8, -4 ) );// 显现 buba
/* substring()要领 */
console.log( str.substring( -9, -3 ) );// 没有显现

分开字符串

  • 示意对指定的字符串举行分开，并将分开后的字符以数组的情势举行返回

split()要领

  • 用于对字符串举行分开

  • 参数 – 字符与字符之间的分开符

    • 分开符是什么就写什么，没有就写空字符串
/* 定义一个字符串 */
var str1 = 's,a,n,b,u,b,a,i,t,o,u';
/* 分开字符串 - 有分开符的 */
var s1 = str1.split( ',' );
console.log( s1 );// 显现 [ 's', 'a', 'n', 'b', 'u', 'b', 'a', 'i', 't', 'o', 'u' ]

/* 定义另一个字符串 */
var str2 = 'sanbubaitou';
/* 分开字符串 - 没有分开符的 */
var s2 = str2.split( '' );
console.log( s2 );// 显现 [ 's', 'a', 'n', 'b', 'u', 'b', 'a', 'i', 't', 'o', 'u' ]

替代子字符串

  • 示意婚配指定字符串中的指定内容，将其替代成新的内容

replace()要领

  • 用于对字符串中的内容举行替代

  • 参数

    • 第一个参数 – 定义正则表达式（搜刮并婚配被替代的内容）
    • 第二个参数 – 替代的新内容

  • 该要领具有返回值

    • 将返回替代后的新字符串
/* 定义一个字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 举行替代 */
var s1 = str.replace( /microsoft/, '三步白头' );
console.log( s1 );// 显现 Microsoft is a big Company, 三步白头’s color is red and has MICROSOFT logo like microsoft

/* 增加修饰符搜刮 */
var s2 = str.replace( /microsoft/i, '三步白头' );
console.log( s2 );// 显现 三步白头 is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft

/* 增加修饰符搜刮 */
var s3 = str.replace( /microsoft/ig, '三步白头' );
console.log( s3 );// 显现 三步白头 is a big Company, 三步白头’s color is red and has 三步白头 logo like 三步白头

婚配字符串

  • 示意经由过程正则表达式婚配指定字符串中的指定内容

match()要领

  • 用于对指定字符串中的内容举行婚配
  • 参数 – 正则表达式的婚配推断前提

  • 该要领具有返回值 – 一个数组

    • 第一个元素 – 示意婚配的内容
    • 第二个元素 – 示意婚配内容地点的位置(索引值)
    • 第三个元素 – 示意完全字符串
  • 假如婚配的内容数目大于一个将返回一切婚配的内容
/* 定义一个字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 举行婚配 */
var s1 = str.match( /microsoft/ );
console.log( s1 );// 显现 [ 'microsoft', index: 28, input: 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft' ]

/* 增加修饰符婚配 */
var s2 = str.match( /microsoft/i );
console.log( s2 );// 显现 [ 'Microsoft', index: 0, input: 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft' ]

/* 增加修饰符婚配 */
var s3 = str.match( /microsoft/ig );
console.log( s3 );// 显现 [ 'Microsoft', 'microsoft', 'MICROSOFT', 'microsoft' ]

查找字符串

  • 示意经由过程正则表达式去查找指定字符串中的指定内容

search()要领

  • 用于查找指定字符串中的内容
  • 参数 – 正则表达式的婚配推断前提

  • 该要领具有返回值 – 一个数组

    • 假如只婚配一个指定内容的话，返回婚配内容第一个字符的索引值
    • 假如婚配是多个指定内容的话，返回第一个婚配内容的第一个字符的索引值
/* 定义一个字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 举行婚配 */
var s1 = str.search( /microsoft/ );
console.log( s1 );// 显现 28（索引值）

/* 增加修饰符婚配 */
var s2 = str.search( /microsoft/i );
console.log( s2 );// 显现 0（索引值）

/* 增加修饰符婚配 */
var s3 = str.search( /microsoft/ig );
console.log( s3 );// 显现 0（索引值）
    原文作者：蔡志远
    原文地址: https://segmentfault.com/a/1190000016098584
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞