网站首页 > 基础教程 正文
JavaScript——极简主义
本文主要介绍与操作字符串相关的常用方法,不是一味的列举官方文档上或菜鸟教程上的方法,而是找先规律,然后进行分类加工,便于记忆,以便掌握的更加牢固,复习起来也更加容易。这就是本人的学习方法和思路。
Tips: 字符串具有不可变性,所有操作均不改变原来字符串变量的值。
这一点与Array数组有很大不同,这是因为它是基本数据类型,关于数组的总结我们会在接下来的文章里进行总结和归纳。
let str = "hello world";
特点:一个属性 & 多个方法
1、属性 length
str.length; // 11
2、查找(是否存在)
str.charAt(10); // "d" str.charAt(11); // "" str.indexOf('l'); // 2 str.indexOf('k'); // -1 str.includes('h'); // true str.includes('k'); // false
3、增加(拼接+) concat()
let str1 = " good"; // 空格 str.concat(str1); // hello world good
4、替换 replace()
str.replace('world', 'JavaScript'); // hello javaScript
5、截取 slice()
str.slice(); // "hello world" str.slice(0); // "hello world" str.slice(6); // "world" str.slice(6, 10); // "worl", [6, 10) str.slice(10, 6); // 空 str.slice(-3, 0); // 空 str.slice(-3, -1); // "rl" str.slice(-3); // "rld"
小结:均为索引值,默认为截取整个字符串,正负皆可,第一个索引位置需要在第二个索引位置之前,否则返回空。忽略substring(start/end, end/start)、substr(start, 长度),排除杂念,这一个方法就比较全面够用了。
6、大小写转换
str.toLowerCase(); // "hello world" str.toUpperCase(); // "HELLO WORLD"
7、转化数据类型 string => array
str.split(); // ["hello world"] str.split(''); // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"] str.split(' '); // ["hello", "world"]
总结:以上属性或方法都不改变原来的字符串变量,所得的结果可以赋值给新的变量来获得,如:let result = str.split()。
猜你喜欢
- 2024-11-06 javascript夯实基础-3 javascript基础教程9
- 2024-11-06 JavaScript 数组方法 js数组方法some
- 2024-11-06 JAVASCRIPT数组详解(一) js数组菜鸟教程
- 2024-11-06 JavaScript 数组的常用方法 js中数组的方法
- 2024-11-06 JavaScript 数组嵌套对象的排序方法
- 2024-11-06 javascript中的内存管理 js内存条
- 2024-11-06 JS的赋值与深浅拷贝实例 js 深度复制
- 2024-11-06 讲透40个JavaScript数组方法的特点
- 2024-11-06 Javascript 字符串和数组同名的方法有哪些?
- 2024-11-06 使用nginx-http-concat优化网站响应
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- 单例 (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)