【合集】JavaScript中数组和字符串的操作

于 2022-03-22 19:38:58 发布
阅读量1.5k 收藏 1
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_55633659/article/details/123662403
版权

记录在学习JavaScript过程中，整理的对数组和字符串的操作合集👍

提示：供大家参考，也方便我以后忘记了进行查阅，有不足的点猿友们可以评论指导补充😛

点赞👍+收藏⭐️+留言📝

在这里插入图片描述

文章目录 🌈

提示：以下是本篇文章正文内容，下面案例可供参考

🍋、数组

🍏.Arr.push(…);

向数组内添加一个数，在数组尾部添加

代码如下（示例）👇👇👇：

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.push('60'); //执行push方法
    console.log(arr); //打印变换后数组
    console.log(res);  //输出返回值
</script>

在这里插入图片描述

🍏Arr.pop();

删除数组最后一个数

代码如下（示例）👇👇👇：

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.pop(); //执行pop方法
    console.log(arr); //打印变换后数组
    console.log(res); //输出返回值
</script>

在这里插入图片描述

🍏Arr.unshift（）

向数组最前面添加一个数

代码如下（示例）👇👇👇：

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.unshift('60'); //执行unshift方法
    console.log(arr); //打印变换后数组
    console.log(res); //输出返回值
</script>

在这里插入图片描述

🍏Arr.shift（）

删除数组最前面的一个数据，不需要传递参数

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.shift(); //执行shift方法
    console.log(arr); //打印变换后数组
    console.log(res); //输出返回值
</script>

在这里插入图片描述

🍏Arr.reverse（）

将数组反转，不需要传递参数

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.reverse(); //执行reverse方法
    console.log(arr); //打印变换后数组
</script>

在这里插入图片描述

🍏Arr.Splice（）

arr.Splice（2，1，我）
在第2个位置删除1个数据，然后在这个位置插入‘我’，（从0开始计地址）

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.splice(2, 1, '我'); //执行splice方法
    console.log(arr); //打印变换后数组
    //console.log(res); //输出返回值
</script>

在这里插入图片描述

🍏Arr.sort（function（）{ }）

arr.sort（function（a，b）{ return a-b}）
用升序的方法进行排序

代码如下（示例）：👇👇👇

<script>
    var arr = [20, 40, 10, 30, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.sort(function(a, b) {
        return a - b
    }); //执行sort方法
    console.log(arr); //打印变换后数组
</script>

在这里插入图片描述

🍏Arr.join（）

arr.join（‘-’）
连接符号，打印出来的数据项用‘-’连接

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.join('-'); //执行join方法
    console.log(arr); //打印变换后数组
    console.log(res)
</script>

在这里插入图片描述

🍏Arr.concat（）

arr.concat（[500,600,700]）
将这个[500,600,700]数组跟原始数组拼接在一起

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.concat([60, 70, 80]); //执行concat方法
    console.log(arr); //打印变换后数组
    console.log(res); //打印返回值
</script>

在这里插入图片描述

🍏Arr.slice（）

arr.slice（1，5）
从1号位置，开始索引到5号位置，之间的元素

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.slice(1, 5); //执行slice方法
    console.log(arr); //打印变换后数组
    console.log(res); //打印返回值
</script>

在这里插入图片描述

🍏Arr.indexof（）

arr.indexof（X）
查找x在数组中的位置

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次
    var res = arr.indexOf(30); //执行indexof方法
    console.log(arr); //打印变换后数组
    console.log(res); //打印返回值
</script>

在这里插入图片描述

🍏Arr.forEach（function（））

arr.forEach（function（item，index，arr））
依次索引每个元素项，所在位置，输出数组

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次

    //执行foreachf方法
    arr.forEach(function(item, index, arr) {
        console.log(item); //item是数组里面每一个项
        console.log(index); //index是索引
        console.log(arr) //arr是元素数组
        console.log('*************') //输出分割符
    });
</script>

在这里插入图片描述

🍏Arr.map（function（）{}）

arr.map（function（item，index，arr）{return item*10}）
{}内是条件，即将原始数组每一个元素放大10倍

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次

    //执行map方法
    var res = arr.map(function(item, index, arr) {
        return item * 10; //将每个item元素乘*10
    })
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏Arr.filter（function（）{}）

arr.filter（function（item，index，arr）{return item > 15}）
返回元素组中所有大于15的项

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次

    //执行filter方法
    var res = arr.filter(function(item, index, arr) {
        return item > 25; //查询比25大的元素
    })
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏Arr.every（function（）{}）

arr.every（function（item，index，arr）{return item > 15}）
返回值只有true/false，判断是否都满足条件

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次

    //执行every方法
    var res = arr.every(function(item, index, arr) {
        return item > 5; //查询每个元素是否都大于5
    })
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏Arr.some（function（）{}）

arr.some（function（item，index，arr）{return item > 15}）
返回值只有true/false，是否有元素满足条件

代码如下（示例）：👇👇👇

<script>
    var arr = [10, 20, 30, 40, 50]; //原始数组
    console.log(arr); //打印一次

    //执行some方法
    var res = arr.some(function(item, index, arr) {
        return item > 50; //查询每个元素是否都大于5
    })
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍋、字符串

🍏charAt（）

charAt（3）
索引3位置的字符

代码如下（示例）：👇👇👇

<script>
    var str = '你好呀，吴彦祖'; //原始字符串
    console.log(str); //打印一次

    //执行charaat方法
    var res = str.charAt(4) //查找4号位置的字符
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏toLowerCase（）

将字符串内所有字母转换成小写

代码如下（示例）：👇👇👇

<script>
    var str = 'HALLO,WU彦祖'; //原始字符串
    console.log(str); //打印一次

    //执行toLowerCase方法
    var res = str.toLowerCase() //将字符都转成小写
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏toUpperCase（）

将字符串里面所有字母转换成大写

代码如下（示例）：👇👇👇

<script>
    var str = 'hallo,彦祖wu，杰伦zhou'; //原始字符串
    console.log(str); //打印一次

    //执行toUpperCase方法
    var res = str.toUpperCase() //将字符都转成大写
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏replace（）

replace（‘帅气’ , ‘潇洒’）
将字符串内第一个满足换下内容的片段替换成换上内容（帅气=>潇洒）

代码如下（示例）：👇👇👇

<script>
    var str = '你好呀，英俊的吴彦祖,英俊的吴彦祖'; //原始字符串
    console.log(str); //打印一次

    //执行replace方法
    var res = str.replace('英俊', '潇洒') //将英俊转化为潇洒,且是第一次出现
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏trim（）

去除首尾空格

代码如下（示例）：👇👇👇

<script>
    var str = '    你好呀，英俊的吴彦祖       '; //原始字符串
    console.log(str); //打印一次

    //执行trim方法
    var res = str.trim() //清楚首尾空格
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏split（）

split（‘+’）
按照分隔符 ’+’ 将字符串切割成一个数组

代码如下（示例）：👇👇👇

<script>
    var str = '你好呀-英俊的-吴彦祖'; //原始字符串
    console.log(str); //打印一次

    //执行split方法
    var res = str.split('-') //以‘-’为标准将字符切割为数组
    console.log(res) //打印返回值
</script>

在这里插入图片描述

🍏 substr（ ）

用来截取字符串
substr（ 开始，结束），从开始截取，直到结束，（包括结束位的字符）

🍎 Substring（ ）

Substring（ 开始，结束），从开始截取，直到结束，（不包括结束位的字符）

🍎Slice（ ）

Slice（ 开始，结束），从开始截取，直到结束，（不包括结束位的字符）

代码如下（示例）：👇👇👇

<script>
    var str = '你好呀，英俊的吴彦祖'; //原始字符串
    console.log(str); //打印一次

    //执行substr方法
    var res1 = str.substr(1, 7) //好呀，英俊的吴
    console.log(res1) //打印res1

    //执行substring方法
    var res1 = str.substring(1, 7) //好呀，英俊的
    console.log(res1) //打印res2

    //执行slice方法
    var res1 = str.slice(1, 7) //好呀，英俊的
    console.log(res1) //打印res3
</script>

在这里插入图片描述

总结

提示：这里对文章进行总结：

在对字符串的操作中，索引都是从0开始而不是1

L-emon
关注
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值