JavaScript中数组常用方法第三弹

简介: 数组常用方法3.0前面我们了解了数组的添加删除元素以及数组的查找。接下来,我们了解数组的转换。

数组常用方法3.0

前面我们了解了数组的添加删除元素以及数组的查找。

接下来,我们了解数组的转换。

数组转换也有很多种方法:

map

arr.map方法是最有用和经常使用的方法之一。

arr.map(function(item, index, array) {
    return item;//返回的是新的值,而不是当前元素
});
复制代码

map方法对数组的每个元素都调用函数,并且返回一个新的数组,新数组的元素是函数返回的值。

let lengths = ["Bilbo", "Gandalf", "Nazgul"].map(item => item.length);
alert(lengths); // 5,7,6
复制代码

这里通过map方法,我们可以得到每个元素的长度。

sort

arr.sort()方法是对数组进行原位排序的方法(原位:就是指在原数组内,不会生成新数组)

sort方法如果不提供compareFunction比较函数,那么就把数组中的元素转成字符串后按字符的Unicode码点进行比较。元素按不同的类型转成字符串的结果是不同的,对于JSON格式对象来说,其转换的结果就是[object Object]。

最好的方法就是我们自己写一个比较函数,按照自己的想法去进行排序,比较函数要求返回-1,0,1

function compare(a, b) {
    if (a > b) return 1; // 如果第一个值比第二个值大
    if (a == b) return 0; // 如果两个值相等
    if (a < b) return -1; // 如果第一个值比第二个值小
}
let arr = [1, 2, 3, 4, 5];
arr.sort(compare);
alert(arr); // 1,2,3,4,5
复制代码

reverse

arr.reverse()这个方法通常用来颠倒arr里面元素的顺序。

let arr = [1,2,3,4,5];
arr.reverse();
console.log(arr);//5,4,3,2,1
复制代码

join

join方法是将数组中的元素用指定的字符串连接起来,返回一个字符串。

里面可以放一个参数,这个参数是用来连接数组元素的字符串。

let str = ['海绵宝宝','痞老板','蟹老板','派大星'];
let newStr = str.join(';');//不同元素之间用分号连接
console.log(newStr);//海绵宝宝;痞老板;蟹老板;派大星
复制代码

这个方法就是用来连接数组中的元素的。

split

split()方法是用来分开字符串的,并将结果返回到一个数组里面

里面可以加一个参数,代表分隔符,默认是空格。

let str = '海绵宝宝;痞老板;蟹老板;派大星';
let newStr = str.split(';');//用分号分隔字符串
console.log(newStr);//[海绵宝宝,痞老板,蟹老板,派大星]


相关文章
|
14天前
|
JavaScript 前端开发
JavaScript遍历数组和对象常用方法总结
以上代码展示了数组和对象的多种遍历方法。对于数组,使用了传统的 `for` 循环、`for...in` 和 ES6 的 `for...of` 进行遍历;对于对象,则通过 `for...in`、`Object.keys()`、`Object.values()` 和 `Object.entries()` 来获取键值对。`for...of` 循环适用于遍历具有迭代协议的数据结构,如数组、字符串等,而对象遍历则更多地依赖于 `Object` 方法来获取其属性集合。
JavaScript遍历数组和对象常用方法总结
|
20天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
24 0
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
19 2
JavaScript基础知识-数组的遍历
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
13 2
JavaScript基础知识-方法
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
17 1
JavaScript基础知识-数组的练习
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
9 1
JavaScript基础知识-数组的常用方法
|
9天前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
10 1
JavaScript基础知识-数组基于索引访问
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
9 1
JavaScript基础知识-数组的定义方式
|
13天前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
13天前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法