js str字符串和arr数组互相转换

2024-04-09 02:44

本文主要是介绍js str字符串和arr数组互相转换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

js str字符串和arr数组互相转换

字符串转为数组

1、split()方法
返回的是原字符串的数组

var str = "hello";  
var arr = str.split("");  
console.log(arr); //输出["h", "e", "l", "l", "o"]

2、Array.from()方法
返回一个新的数组实例

var str = "hello";  
var arr = Array.from(str);  
console.log(arr); // 输出:["h", "e", "l", "l", "o"]

3、扩展运算符(…)

var str = "hello";  
var arr = [...str];  
console.log(arr); // 输出:["h", "e", "l", "l", "o"]

4、for...of循环:

var str = "hello";  
var arr = [];  
for (let i of str) {  arr.push(i);  
}  
console.log(arr); // 输出:["h", "e", "l", "l", "o"]

5、Array.prototype.map()方法
可以通过回调函数对每个元素进行操作,适用于需要对字符串进行转换的情况

var str = "hello";  
var arr = Array.prototype.map.call(str, function (i) {  return i;  
});  
console.log(arr); // 输出:["h", "e", "l", "l", "o"]

数组转为字符串

1、join()方法

var arr = ["h", "e", "l", "l", "o"];  
var str = arr.join("");  
console.log(str); // 输出:hello

2、toString()方法
只能使用逗号作为分隔符,如果需要按照其他方式连接数组中的元素,需要用其他方法。

var arr = ["h", "e", "l", "l", "o"];  
var str = arr.toString();  
console.log(str); // 输出:h,e,l,l,o

3、扩展运算符(…)和字符串的+操作符

var arr = ["h", "e", "l","l","o"];  
var str = "" + [...arr];  
console.log(str); // 输出:h,e,l,l,o

4、Array.prototype.reduce()方法和字符串的+操作符
可以自定义连接方式,通过回调函数对每个元素进行操作

var arr = ["h", "e", "l","l","o"];  
var str = arr.reduce((acc, val) => acc + val, "");  
console.log(str); // 输出:hello

5、Array.prototype.map()方法和字符串的join()方法
可以使用指定的分隔符连接数组元素

var arr = ["h", "e", "l","l","o"];  
var str = arr.map(item => item).join("");  
console.log(str); // 输出:hello

这篇关于js str字符串和arr数组互相转换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/887001

相关文章

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

hdu2241(二分+合并数组)

题意:判断是否存在a+b+c = x,a,b,c分别属于集合A,B,C 如果用暴力会超时,所以这里用到了数组合并,将b,c数组合并成d,d数组存的是b,c数组元素的和,然后对d数组进行二分就可以了 代码如下(附注释): #include<iostream>#include<algorithm>#include<cstring>#include<stack>#include<que

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

hdu 1166 敌兵布阵(树状数组 or 线段树)

题意是求一个线段的和,在线段上可以进行加减的修改。 树状数组的模板题。 代码: #include <stdio.h>#include <string.h>const int maxn = 50000 + 1;int c[maxn];int n;int lowbit(int x){return x & -x;}void add(int x, int num){while

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

C语言:柔性数组

数组定义 柔性数组 err int arr[0] = {0}; // ERROR 柔性数组 // 常见struct Test{int len;char arr[1024];} // 柔性数组struct Test{int len;char arr[0];}struct Test *t;t = malloc(sizeof(Test) + 11);strcpy(t->arr,

C 语言基础之数组

文章目录 什么是数组数组变量的声明多维数组 什么是数组 数组,顾名思义,就是一组数。 假如班上有 30 个同学,让你编程统计每个人的分数,求最高分、最低分、平均分等。如果不知道数组,你只能这样写代码: int ZhangSan_score = 95;int LiSi_score = 90;......int LiuDong_score = 100;int Zhou

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>