当前位置: 首页 > news >正文

js数组和字符串之间的转换方式以及数组的一些方法

一、数组和字符串之间的转换方式

1)将字符串切割成字符串数组—stringObject.split(separator, howmany)

seperator-----字符串、正则表达式,必需

howmany------指定返回的数组的最大长度,可省略,省略后全量返回

源代码

var str="1.2.3.4.5";arr=str.split('.');
console.log(arr);

运行结果

2)把数组中的所有元素放入一个字符串-----arrayObject.join(separator)

seperator-----可选,指定要使用的分隔符,如果省略该参数,则使用逗号作为分隔符

源代码

var arr=[1,2,3,4,5]; //隐式创建数组
console.log(arr);str1=arr.join(''); // 无分隔符
console.log(str1);str2=arr.join(); //省略分隔符
console.log(str2);

运行结果

二、数组的一些方法

1)pop()

arrayObject.pop(),删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值

源代码

var arr=[1,2,3,4,5]; //隐式创建数组
console.log("arr前:", arr);returnValue=arr.pop()
console.log("arr后:", arr);
console.log("returnValue:", returnValue);

 

运行结果

2)push()

arrayObject.push(newelement1,newelement2,....,newelementX),把它的参数顺序添加到 arrayObject 的尾部,返回数组的新长度,它直接修改 arrayObject,而不是创建一个新的数组

源代码

var arr=[1,2,3,4,5]; //隐式创建数组
console.log("arr前:", arr);returnValue=arr.push(7,8,9)
console.log("arr后:", arr);
console.log("returnValue:", returnValue);

 

运行结果

3)shift()

arrayObject.shift(),删除 arrayObject 的第一个元素,并返回第一个元素的值,数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值,不改变原数组

源代码

var arr=[1,2,3,4,5]; //隐式创建数组
console.log("arr前:", arr);returnValue=arr.shift()
console.log("arr后:", arr);
console.log("returnValue:", returnValue);

 

运行结果

4)unshift()

arrayObject.unshift(newelement1,newelement2,....,newelementX), 把它的参数顺序添加到 arrayObject 的开头,并返回新的长度,改变原数组

源代码

var arr=[1,2,3,4,5]; //隐式创建数组
console.log("arr前:", arr);returnValue=arr.unshift(7,8,9)
console.log("arr后:", arr);
console.log("returnValue:", returnValue);

 

运行结果

相关文章:

  • 51单片机实验课二
  • 二、人工智能之提示工程(Prompt Engineering)
  • JAVA中枚举的方法
  • Java基础 集合(二)List详解
  • 【CSS + ElementUI】更改 el-carousel 指示器样式且隐藏左右箭头
  • Qt应用软件【数据篇】大小端数据转换
  • Linux进程信号处理:深入理解与应用(2​​)
  • 【Tomcat与网络6】 Tomcat是如何扩展Java线程池的?
  • Python flask 模板详解
  • 物流平台架构设计与实践
  • Node.js的安装
  • 理解React中的setState()方法
  • R语言基础学习-02 (此语言用途小众 用于数学 生物领域 基因分析)
  • 【如何快速上手Vue.js框架——详细介绍】
  • 《Lua程序设计》-- 学习9
  • HTML-表单
  • Java|序列化异常StreamCorruptedException的解决方法
  • Laravel Mix运行时关于es2015报错解决方案
  • Laravel核心解读--Facades
  • mockjs让前端开发独立于后端
  • Python学习笔记 字符串拼接
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • 编写高质量JavaScript代码之并发
  • 经典排序算法及其 Java 实现
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 前端存储 - localStorage
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 微信小程序实战练习(仿五洲到家微信版)
  • 微信小程序--------语音识别(前端自己也能玩)
  • 【云吞铺子】性能抖动剖析(二)
  • Java性能优化之JVM GC(垃圾回收机制)
  • mysql面试题分组并合并列
  • RDS-Mysql 物理备份恢复到本地数据库上
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • 数据可视化之下发图实践
  • ​渐进式Web应用PWA的未来
  • # 透过事物看本质的能力怎么培养?
  • #HarmonyOS:基础语法
  • #预处理和函数的对比以及条件编译
  • (ibm)Java 语言的 XPath API
  • (办公)springboot配置aop处理请求.
  • (附源码)springboot 智能停车场系统 毕业设计065415
  • (附源码)计算机毕业设计高校学生选课系统
  • (规划)24届春招和25届暑假实习路线准备规划
  • (一)appium-desktop定位元素原理
  • (原)本想说脏话,奈何已放下
  • (转)fock函数详解
  • .NET 表达式计算:Expression Evaluator
  • .NET 中的轻量级线程安全
  • .NET 中什么样的类是可使用 await 异步等待的?
  • .ui文件相关
  • @Autowired标签与 @Resource标签 的区别
  • @RequestParam @RequestBody @PathVariable 等参数绑定注解详解
  • [ web基础篇 ] Burp Suite 爆破 Basic 认证密码
  • [1204 寻找子串位置] 解题报告