0

0

javascript数组和字符串的常见用法

韦小宝

韦小宝

发布时间:2018-03-10 11:55:59

|

1595人浏览过

|

来源于php中文网

原创

js中数组和字符串理解起来很简单,但是一些常见用法由于比较杂乱,记起来并不容易而且也容易混淆。我把js数组和js字符串的用法总结了一下,并且道明了其中的差别。有不太熟悉的同学可以学习学习看看哦!

1、数组和字符串的转换  join();

首先,我们得知道字符串和数组之间可以相互转换。
数组转换成字符串

1.png
输入效果如下图:

2.png
  这个时候的输出跟直接用alert输出数组arr效果一样。如果我们想要它们组成类似于英文单词的格式要怎么办?
只需要在图一所示代码将var str = arr.join();写成var str = arr.join(“”);
输出效果如下图:

3.png

立即学习Java免费学习笔记(深入)”;

  如果我们希望abc两个字母之间有冒号怎么办?很简单,将var str = arr.join();写成var str = arr.join(“:”);
效果如下:      ~
4.png
  综上所述,如果join()括号内有参数时,数组中的元素转换成字符串会以该参数隔开,默认是用逗号隔开。

字符串转换成数组
使用split();
如果括号有引号,字符串会分解为以单个字符为一个元素的数组。代码和效果如下图所示。
5.png
6.png
如果括号内有引号,且引号内有一个空格。效果如下:

7.png
如果这样写var strArr = str.split(‘lo’);

8.png
通过上述现象,我们可以得出结论:split()中的参数是str中的一部分,会把字符串分割开来,成为数组元素之一,这些元素都不包含该参数。

2、字符串的其他用法

  • slice()

var str = "hello world";var strArr = str.slice(2,5);
//截取字符串中第2位到第5位的字符。包括第2位,不包括第5位;
alert(strArr);
  • substring(beginIndex,endIndex)用法和slice()一样

    动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版
    动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

    动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

    下载

3、数组的其他用法

  • arr.push()
    把元素添加到arr内,添加进去的元素排在最后。

  • arr.pop()
    删除数组最后一个元素

  • arr.slice(beginIndex,endIndex)
    截取数组中的元素,不包括最后一位。

  • arr.splice(beginIndex,length,[item1,item2,item3…])  
    删除arr数组中从下标为beginIndex开始的长度为length的元素,并把元素item1,item2,item3…从第beginIndex开始一次添加。

11.png

Uploading 11_436848.png ...]

  • arr.unshift();在数组开头添加元素。

以上就是本篇文章的所以内容,讲述了js中的数组和字符串的用法,希望不太熟悉的同学可以好好看看!

相关推荐:

JavaScript数组-字符串-数学函数

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
excel制作动态图表教程
excel制作动态图表教程

本专题整合了excel制作动态图表相关教程,阅读专题下面的文章了解更多详细教程。

20

2025.12.29

freeok看剧入口合集
freeok看剧入口合集

本专题整合了freeok看剧入口网址,阅读下面的文章了解更多网址。

65

2025.12.29

俄罗斯搜索引擎Yandex最新官方入口网址
俄罗斯搜索引擎Yandex最新官方入口网址

Yandex官方入口网址是https://yandex.com;用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

197

2025.12.29

python中def的用法大全
python中def的用法大全

def关键字用于在Python中定义函数。其基本语法包括函数名、参数列表、文档字符串和返回值。使用def可以定义无参数、单参数、多参数、默认参数和可变参数的函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

16

2025.12.29

python改成中文版教程大全
python改成中文版教程大全

Python界面可通过以下方法改为中文版:修改系统语言环境:更改系统语言为“中文(简体)”。使用 IDE 修改:在 PyCharm 等 IDE 中更改语言设置为“中文”。使用 IDLE 修改:在 IDLE 中修改语言为“Chinese”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

16

2025.12.29

C++的Top K问题怎么解决
C++的Top K问题怎么解决

TopK问题可通过优先队列、partial_sort和nth_element解决:优先队列维护大小为K的堆,适合流式数据;partial_sort对前K个元素排序,适用于需有序结果且K较小的场景;nth_element基于快速选择,平均时间复杂度O(n),效率最高但不保证前K内部有序。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

12

2025.12.29

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

134

2025.12.29

抖音网页版入口在哪(最新版)
抖音网页版入口在哪(最新版)

抖音网页版可通过官网https://www.douyin.com进入,打开浏览器输入网址后,可选择扫码或账号登录,登录后同步移动端数据,未登录仅可浏览部分推荐内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

63

2025.12.29

快手直播回放在哪看教程
快手直播回放在哪看教程

快手直播回放需主播开启功能才可观看,主要通过三种路径查看:一是从“我”主页进入“关注”标签再进主播主页的“直播”分类;二是通过“历史记录”中的“直播”标签页找回;三是进入“个人信息查阅与下载”里的“直播回放”选项。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

18

2025.12.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号