所有分类
  • 所有分类
  • 后端开发
JavaScript数组变形,Node.js助你快速转换

JavaScript数组变形,Node.js助你快速转换

中数组的转换。数组中的数组转换将二维数组转换为一维数组将字符串转换为数组中,我们经常需要将一个字符串转换为数组。文件中的每一行转换为一个数组。将数组转换为字符串中数组的转换。我们了解了如何将一个二维数组转换为一维数组,以及如何将一个字符串转

前端技术天天都新花样!告诉你个好玩意儿,叫做Node.js。你只需要懂点JavaScript就行了,用这个就能捣鼓网站后台!想搞Web后端和网络服务?学学Node.js绝对不赖,咱今天的话题就是教你怎么玩转数组变形,让你的效率飞起来!

JavaScript 数组

JavaScript里的数组就跟万金油似的,什么东西都能塞进去,无论是阿拉伯数字还是字母,甚至其它乱七八糟的都行,只要把它们放到两个小括号中去就OK。其实说白了,它也不过就是个数而已,超简单。

javascript
快给我搞个1,2,3和“你好”以及“爱丽丝”的数组呗!

const arr1 = []; // 空数组
const arr2 = [1, 2, 3]; // 数组中包含了三个数字
const arr3 = ["apple", "banana", "orange"]; // 数组中包含了三个字符串

哎呦不错!JS数组太好用了,查个东西、改个字儿什么的分分钟的事儿~当然,还有那些乐趣无穷的push()和pop()函数,处理大批量数据是小菜一碟,节省时间又省劲儿!

Node.js 中的数组转换

console.log(arr2[0]); // 输出 1
arr2[0] = 0;
console.log(arr2); // 输出 [0, 2, 3]

用Node.js解决数组难题,比如是不是想过怎么把二维大数组变成单一维度?还在苦恼怎样把大串字符串变成数组吗?那就来看看这些实用又不费力的数组技巧!

将二维数组转换为一维数组

你知道吗?二维数组其实就是把多个一维数组连接在一起。那么要怎样快速高效地生成一个二维数组?用JavaScript来演示的话,就像下面这样简单啦:

这个表真的很简单!左栏的数字依次变大,一眼就能看明白3、4、5、6,顺序超明确的。

想把2D数组变1D?超简单,就用concat()搞定!

直接把矩阵的每一行加起来,就是我们想要的平坦数组了。

const arr2d = [
  [1, 2, 3],
  [4, 5],
  [6, 7, 8, 9],
];

JavaScript数组变形,Node.js助你快速转换

跟你说,我发现了个超好用的小窍门!用apply函数可以把好几个一维数组合并成一个新鲜出炉的一维数组哟。以后搞二维转一维就不怕啦~

将字符串转换为数组

const arr1d = [].concat.apply([], arr2d);
console.log(arr1d); // 输出 [1, 2, 3, 4, 5, 6, 7, 8, 9]

想要把字符串变数组,用Node.js简直小菜一碟!要是处理CSV文件,直接用split()这个函数就能搞定。

“你看这个词组:’苹果呀、香蕉嘞、橙子呢’不就是。”

let arr = str.split(“,”);

就这样子你看到了,用上那个split(“,”)函数,我就可以按照你指定的那个符号把句子切分成小段。然后,我再让它们逐个亮相展示给大家看看!所以,其实我就是利用这个逗号来使句子分离成多个部分~

将数组转换为字符串

有时候我们需要把一个数组转变成字符串,比如给每个数加个逗号,方便输入到CVS里面。这时候,join()函数就特别有用了!

const str = "apple,banana,orange";
const arr = str.split(",");
console.log(arr); // 输出 ["apple", "banana", "orange"]

咱有个叫arr的数组,里面装着苹果、香蕉和橙子。

let str = arr.join(“,”);

看,join()这个函数就好比咱们生活中的强力胶水,能把零散的数据拉到一块儿,搞出一段完整的话来。你瞅瞅,顺手加上逗号,就是一个新的句子!

想试试数组变魔术?学习Node.js就对了!啥数据都能耍起来~代码速度能飞起!别再犹豫,赶紧动手操练,开发出更炫的应用!希望我写的这段话对你们有所启发哟~

const arr = ["apple", "banana", "orange"];
const str = arr.join(",");
console.log(str); // 输出 "apple,banana,orange"

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/04/14225.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?