JS转数组详解

小蓝 • 2024-12-12 12:15 • 编程

一、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()方法将数组转换为对象。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/239248.html