JavaScript中字符串的API使用总结

简介: JavaScript中字符串的API使用总结

1.创建字符串的方法


字面量是最常用的方法,也可通过构造函数的方式创建

let str = 'abcdefg'; //字面量创建
let str = new String('abcdefg'); 通过字符串构造函数创建
console.log(str); // 打印结果 String {"abcdefg"}

2.字符串长度 length


使用length可以获取字符串的长度

let str = 'abcde';
console.log( str.length ); //输出5

3.可对字符串进行遍历


可通过str[索引值]的方式取值

let str = 'abcde';
console.log( str[0] ); //输出 a 
for (let i = 0; i < str.length; i++) {
      console.log( str[i] ); //依次输出 a,b,c,d,e
    }  

4.拆分字符串为数组


split(''):用于拆分字符串为数组

    let str = 'abcde';
    let re = str.split('');
    console.log(re); //输出:["a", "b", "c", "d", "e"]

5.将字符串转化为大\小写


toUpperCase()大写

toLowerCase()小写

let str = 'abcde';
let re = str.toUpperCase();// 转大写
//let re = str.toLowerCase();  // 转小写
console.log( re ); 输出:ABCDE

6.查找字符串中字符首次出现的位置


indexOf:用于查找首次出现的字符位置,找到就会返回索引值,找不到就是-1
lastIndexOf :用于查找尾次出现的字符位置,找到就是索引值,否则就是-1

    let str = 'abcde';
    let re = str.indexOf('b');
    // let re = str.lastIndexOf('b');
    console.log( re ); //输出1

7.截取字符串


注意slice、substring和substr都可以截取字符串,但是substr格外不同,第二个参数是截取几个的意思。

let str = 'abcde';
let re = str.slice(1, 3); //输出:bc
//从索引值为1截取到3,但是特别注意,结束位置上的字符取不到,能够取到前一个
let re = str.substring(1);//输出:bcde
//从索引值为1截取到最后,注意结束位置上的字符获取不到,如果只有一个参数那么,
会从这个索引值位置一直街取到最后
let re = str.substr(1, 3); //输出:bcd
// 从索引值1开始截取,截取3个,注意如果只有一个参数,那么截取到最后
console.log( re );

8.字符串替换


replace():替换,可使用正则匹配替换

     let str = 'abcdeC';
     let re = str.replace(/c/ig, '**');
     console.log( re ); //输出:ab**de**
         let re = str.replace('a', '9');
     console.log( re ); //输出:9bcdeC

9.去除字符两端的空白


trim():去除字符串两侧空格

let str = '     abcd      '
console.log( str ); 输出:      abcd    空格也打印  
console.log( str.trim() ) 输出:abcd

10.转字符串


String():构造函数

let num = 23;
let re = String(num)
console.log(re); //输出23 注意打印出来字体是黑色的,说明是字符串


相关文章
|
JavaScript 前端开发 API
Vue.js 3:探索组合式API带来的新变革
Vue.js 3:探索组合式API带来的新变革
458 84
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
414 63
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JSON 缓存 JavaScript
深入浅出:使用Node.js构建RESTful API
在这个数字时代,API已成为软件开发的基石之一。本文旨在引导初学者通过Node.js和Express框架快速搭建一个功能完备的RESTful API。我们将从零开始,逐步深入,不仅涉及代码编写,还包括设计原则、最佳实践及调试技巧。无论你是初探后端开发,还是希望扩展你的技术栈,这篇文章都将是你的理想指南。
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
292 10
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
338 13
|
JSON JavaScript 前端开发
处理从API返回的JSON数据时返回Unicode编码字符串怎么处理
在处理API返回的JSON数据时,遇到类似`\u7f51\u7edc\u8fde\u63a5\u9519\u8bef`的Unicode编码字符串,可使用JavaScript内置方法转换为可读文字。主要方法包括:1. 使用`JSON.parse`自动解析;2. 使用`decodeURIComponent`和`escape`组合解码;3. 在API调用中直接处理响应数据。这些方法能有效处理多语言内容,确保正确显示非ASCII字符。
|
JSON JavaScript 前端开发
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
395 12
|
JavaScript 前端开发 API
Vue.js 3:深入探索组合式API的实践与应用
Vue.js 3:深入探索组合式API的实践与应用