您的位置:

JS转数组详解

一、JS转数组的方法

JavaScript中,我们可以使用多种方法将字符串、集合或类数组转换为数组。下面是一些实用的JS转数组的方法:

1. Array.from()

const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']

Array.from()方法将字符串转换为字符数组。

2. slice()

const str = 'hello';
const arr = Array.prototype.slice.call(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']

slice()方法将字符串转换为字符数组,然后使用函数调用将该数组复制到新数组中。

3. split()

const str = 'hello world';
const arr = str.split(' ');
console.log(arr); // ['hello', 'world']

split()方法将字符串分割为数组。

二、JS数组去重

数组去重是常见的操作,避免相同的值被计算多次。下面是几种常用的JS数组去重方法:

1. 借助Set去重

const arr = [1, 2, 2, 3, 4, 4, 5];
const newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4, 5]

使用Set去重,然后转化为数组。

2. 使用forEach去重

const arr = [1, 2, 2, 3, 4, 4, 5];
let newArr = [];
arr.forEach((item) => {
  if (!newArr.includes(item)) {
    newArr.push(item);
  }
});
console.log(newArr); // [1, 2, 3, 4, 5]

使用forEach()循环数组,判断元素是否在新数组中,如果不存在则添加到新数组中。

三、数组转字符串JS/字符串转数组JS

在JavaScript中,我们可以轻松地将数组转换为字符串或将字符串转换为数组。

1. 数组转字符串JS

const arr = ['h', 'e', 'l', 'l', 'o'];
const str = arr.join('');
console.log(str); // 'hello'

使用join()方法将数组转换为字符串。

2. 字符串转数组JS

const str = 'hello';
const arr = str.split('');
console.log(arr); // ['h', 'e', 'l', 'l', 'o']

使用split()方法将字符串分割为字符数组。

四、数组转JSON

JavaScript中的数组转JSON是一种将数据从JS格式转换为JSON格式的方法,JSON格式的数据可以用于Web应用程序之间的数据交换。

const arr = [{name:'John', age:20}, {name:'Mary', age:18}];
const json = JSON.stringify(arr);
console.log(json); // '[{"name":"John","age":20},{"name":"Mary","age":18}]'

使用JSON.stringify()方法将数组对象转换为JSON字符串。

五、JS数组反转/数组反转JS

在JavaScript中,我们可以使用reverse()方法反转数组。

const arr = ['h', 'e', 'l', 'l', 'o'];
const reverseArr = arr.reverse();
console.log(reverseArr); // ['o', 'l', 'l', 'e', 'h']

使用reverse()方法反转数组。

六、JS转字符串/JS数组循环/JS数组转换为对象

1. JS转字符串

const obj = {name:"John", age:20};
const str = JSON.stringify(obj);
console.log(str); // '{"name":"John","age":20}'

使用JSON.stringify()方法将对象转换为JSON字符串。

2. JS数组循环

const arr = ['h', 'e', 'l', 'l', 'o'];
arr.forEach(function (item) {
  console.log(item);
});

使用forEach()方法循环遍历数组。

3. JS数组转换为对象

const arr = [['name', 'John'], ['age', 20]];
const obj = Object.fromEntries(arr);
console.log(obj); // { name: 'John', age: 20 }

使用Object.fromEntries()方法将数组转换为对象。

总结

在JavaScript中,我们可以轻松地将字符串、集合或类数组转换为数组,去重数组,将数组转换为字符串或将字符串转换为数组,将数组对象转换为JSON字符串以进行数据交换,并使用reverse()方法反转数组。我们还可以使用forEach()方法循环数组和使用Object.fromEntries()方法将数组转换为对象。

js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
重学java笔记,java笔记总结

2022-11-23
印象笔记记录java学习(Java成长笔记)

2022-11-12
java方法整理笔记(java总结)

2022-11-08
发篇java复习笔记(java课程笔记)

2022-11-09
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
java客户端学习笔记(java开发笔记)

2022-11-14
java学习笔记(java初学笔记)

2022-11-14
java笔记,大学java笔记

2022-11-28
python基础学习整理笔记,Python课堂笔记

2022-11-21
java笔记,尚硅谷java笔记

2022-12-01
java基础知识学习笔记一,Java基础笔记

2022-11-21
数据库的笔记mysql,数据库管理系统笔记

2022-11-24
javascript一句话笔记,javascript基本语句

2022-11-16
mysql数据库完整笔记(mysql数据库数据)

2022-11-13
达内web前端js笔记(达内jsd)

本文目录一览: 1、web前端里的js技术 2、《web前端笔记7》js字符—获取、查找、遍历、提取、替换方法总结 3、达内web前端开发讲的什么内容 4、2020年自学Web前端要掌握的知识点有哪些

2023-12-08
jsp程序开发学习笔记2,jsp程序设计题库

本文目录一览: 1、《JSP&Servlet学习笔记》pdf下载在线阅读,求百度网盘云资源 2、林信良编著jsp&servlet学习笔记第2版课后答案吗 3、jsp有没有快速掌握的办法呀? 4、要学J

2023-12-08
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
最新python学习笔记3,python基础笔记

2022-11-17