JavaScript中的字符串和数组

最新推荐文章于 2022-04-25 10:13:31 发布

龟霸也是高达

最新推荐文章于 2022-04-25 10:13:31 发布

阅读量291

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/MS6324_ZAKU/article/details/107646669

版权

JavaScript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

字符串

字符串的声明方式

主要有三种

let str = “hello world”
let str2 = “hell’o’ world”
let str3 = `世界你好`

转义字符 `\`

当遇到特殊字符时,那么怎么表达出这些特殊字符呢?

当我们遇到特殊字符时,可以通过加入\来取消特殊字符的原本功能,只是展示出当前字符
例如:
在这个符号后面的符号不管是什么,都不会发生作用,只会展示出来.

除了普通的可打印字符以外，一些有特殊功能的字符可以通过转义字符的形式放入字符串中：

以下图片截自mdn
在这里插入图片描述

比如这个换行符号\n,单独使用是换行回车,\符号加载\n符号前边就是将\n字符展示出来.

长字符串

有的时候代码可能会拥有很长的字符串,这个时候如果代码是一行无限延长被编辑器折叠,那么这个代码的可读性就很差.因此将代码写成多行更好一些.有三种方法可以实现这个目标

第一种(ES6的新方法)

就像写markdown的代码块一样

let html = `<body>
              <div class="container">
                <p>hello</p>
              </div>
            </body>`

第二种(使用`+`)

在每个字符串后边添加+

let html2 = '<body>'+
              '<div class="container">'+
                '<p>hello</p>'+
              '</div>'+
            '</body>'

第三种(使用转义字符`\`)

使用上面刚用过的转义符\,在每一个看不见的换行符前添加转义符\,这样一来换行符不会生效,代码就不会报错.

let html3 = '<body>\
              <div class="container">\
                <p>hello</p>\
              </div>\
            </body>'

字符串模板()

`xxx $KaTeX parse error: Can't use function '\`' in math mode at position 29: … 变量name和age 可以在\̲`̲`内使用xx$ {变量}yy来指代

let name = '我',age = '24'
let str = name + "是野兽先辈," + age+"岁,是学生"
console.log(str)
let str2 = `${name}是野兽先辈,${age}岁,是学生`
console.log(str2)

在这里插入图片描述

字符串的长度计算

计算字符串长度时,可以使用length
当要查询字符串中排名的值是什么时,可以使用变量[查询值的顺序]
其中,0是第一个,-1是不存在,[变量.length-1]是最后一位,空字符串也占位置
想要获取字符串中某个固定位置的字符,可以使用charAt()x),x是其在字符串中的位置
获取某个字符的ASCII可以使用charCodeAt()x)

字符串的拼接

有三种方法

第一种

可以使用 字符串 + 字符串的形式

第二种

或者使用上面刚用过的${变量}

第三种

或者使用concat

let str2 = "world"
let str3 = str1 + " " + str2
cosnole.log( str3 )
let str4 = `${str} ${str2}`
console.log(str4)
let str5 = str.concat(str2)
console.log(str5)

字符串的查找

对于一个字符串,如果想要查询里面的某一项,有以下几种方法.

search
IndexOf和 lastIndexOf
includes 查询变量中是否包含某个值
查询是否以某个东西开头的startsWith
是否以某个为结尾endsWith

字符串的截取

字符串截取

字符串操作不会修改原来的字符串,而是生成一个新的

let str = "hello world"
// 第一个是开始位置，下标从0开始， 第二个是长度，结果是 ell 
let sub1 = str.substr(1, 3)
// 第一个是开始位置，第二个是结束位置(不包含)，结果是 el 
let sub2 = str.substring(1, 3)
// 同上 允许负参
let sub3 = str.slice(1, 3)

字符串的其他处理

字符串操作不会修改原来的字符串
.split分割字符串成数组,也可以用其他字符分割
trim和trimleft以及trimright去掉字符串两边的空格和去掉左边或右边的空格.不只是空白字符,连换行字符也会去除.
转换大写或小写.toUpperCase()和.toLowerCase()

let str1 = str.toUpperCase() //变成大写 ' HELLO ' 
let str2 = str.toLowerCase() //变成小写

填充字符串.padStart(位数,字符)

数组

数组的定义,访问和长度

声明一个数组,一般使用[ ]来表示,[ ]里面可以是之前学的任何一个数据类型,比如字符串,数字,布尔值等.
例如

let arr = [3, 4, 'hello', true, 8]

和字符串一样,查询一个数组的长度时,可以使用length
如果要清空数组,可以设置arr.length=0,此时该数组就是个空数组.

数组的栈和队列的方法

要将一个数组的最后一个值"拿出来",可以使用.pop()
下图中,arr.pop的值变为true,而arr 的值变为[3,2,4,5,‘hello’]
如果要往一个数列里放一个值,可以使用push(值)
如果要将一个数组的头部拿出或增加一个值,可以使用队列的方法unshift和shift
shift的意识就是移出去,那么unshift的意思就是移进来

任意位置添加,改变数组

可以在任何位置添加或改变数组的方法,但是会改变原数组
参数:1.开始索引(插入在前) 2.删除元素的个数 3.插入新的元素,可以写多个
返回: 一个由删除数组组成的新元素
使用splice(位置,删除的个数,替换或插入的内容)来进行删除插入

//从1开始删除2个元素
letarr=[3,4,'hello',true,8]arr.splice(1,2)//[4,'hello']
console.log(arr)//[3,true,8]

//插入1个元素
letarr1=[3,4,'hello',true,8]
arr1.splice(1,0,'world')
console.log(arr1)//[3,'world',4,'hello',true,8]

//替换
letarr2=[3,4,'hello',true,8]
arr2.splice(2,2,'world',false)
console.log(arr2)//[3,4,world,false,8]

在这里插入图片描述

数组的拼接

使用concat可以拼接数组
使用concat还可以拷贝一份数组
当arr=arr2时,他们本身是一个数组
当arr2被赋值一个arr的备份时,他们就不是同一个数组了,而是两个内容相同的不同数组

数组还可以转换成字符串

使用join,可以将数组转换成字符.

数组的倒叙,排序

reverse会改变原数组
可以使数组倒叙排列

是使用for 循环来实现字符串的倒序排列

先将字符串转换成数组
再制造一个for循环,设置变量i,i是每个字母在数组中的位置
先将第一个字母放入变量i中
再把最后一个字母放到第一个字母中
最后把变量中的字母放到最后一个字母的位置
如此循环直至结束

但其实,实现倒序排列,使用`reverse`更加简单

在这里插入图片描述

sort默认排序顺序是将元素转换成字符串,按照字符串来比较排序
但是,如果是数字的话,数组也是转换成字符串再比较,因此不会得到理想的结果
所以如果数组中的数字需要从大到小来排列,需要使用sort函数
从小到大
从大到小

总结

会改变原数组

revert
push
pop
splice

不改变原数组

concat

关于数组在ES5的新拓展,类数组的对象

`Array.isArray()`

在ES5中,可以使用Array.isArray()来判断一个对象是不是数组

`.indexOf()`

.indexOf()用来查找指定位置的元素,或者使用.lastindexOf()来从后往前查.
如果找不到就返回-1

`.forEach()`

遍历参数为回调函数，回调函数里的参数为
- 遍历到的对应元素
- 元素序号
- 数组本身

使用方法如下

var array = ['a', 'b', 'c'];

array.forEach(function(element) {
  console.log(element);
});

 var arr = [1,2,3,4];
    
 arr.forEach(alert); 
 
//    等价于：
    
 var arr = [1, 2, 3, 4];
 
 for (var k = 0, length = arr.length; k < length; k++) {
    
  alert(array[k]);
    
    }

可以更简单的遍历数组
如果要得到一个数组里数字的平方,可以使用以下方法

letarr=[4,2,1,9,0,5]
arr.forEach(function(val,index,array){arr[index]=val**2})//等价于下面这个
arr.forEach(val=>{console.log(val**2)})

`.every()`

所有的回调函数都返回true的时候结果才会返回true，否则返回false

`.some()`

只要有一个回调函数是true,那么就返回true.

`.filter`

过滤出满足条件的元素,构成新的数组
原数组是不变的

`.map()`

遍历数组,回调函数返回值组成一个新的数组返回,新数组索引结构和老数组一致,不会改变原数组.

`.reduce`

reduce(function(v1,v2),initValue)
遍历数组，调用回调函数，将数组元素组合成一个值
初始值可选
换句话说,这个函数会依次拿出数组里的东西,然后按照回调函数,把他合成一个值
当然,可以是设置初始值,先拿出初始值再进行计算.
当设置初始值时,初始值就是第一个拿出来的值.
下图中,这个函数刚开始计算时,初始值100是v1,1是v2
.reduce适合将一个数组变成一个值的场景,正如其名,减少.比如下图把数组平方各项相加

龟霸也是高达

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的字符串和数组

字符串字符串的声明方式主要有三种let str = “hello world”let str2 = “hell’o’ world”let str3 = `世界你好`转义字符当遇到特殊字符时,那么怎么表达出这些特殊字符呢?当我们遇到特殊字符时,可以通过加入\来取消特殊字符的原本功能,只是展示出当前字符例如:...
复制链接

扫一扫