关于操作数组元素的实际应用

sort()升序、降序排序方法应用

sort()排序方式原理:当sort()传入函数中的第一个参数a位于第二个参数b之前,则返回一个负数,相等则返回0,a位于b之后则返回正数。
比如,当要做升序排序时,我们需要想到前面的数肯定是要比后面的数小,所以传入的这个函数参数返回值应该要是个负数,因此函数参数返回a - b。
a - b升序,b - a降序,但是需要注意的是,如果按照这种记忆方式的话,函数括号内的两个参数a和b的书写顺序可不能颠倒

将字符串数组转换为数字数组的方法

第一种方法,map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值

var numArray = ['1', '2', '3', '4'];
numArray.map(Number);  //结果:[1, 2, 3, 4,]

第二种方法,使用Array.from()方法,Array.from()方法是javascript中的一个内置函数,它从给定的数组创建一个新的数组实例

var numArray = ['1', '2', '3', '4'];
Array.from(numArray);//结果:[1, 2, 3, 4,]
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script>
        var numArray = ["5","7","1","2","9","6","8"];
        Array.from(numArray);//将字符串数组转换为数值数组,另一种方法:numArray.map(Number);
        alert(numArray.sort(function(a, b) {
            return a-b;
        }));//升序弹出1,2,5,6,7,8,9

        alert(numArray.sort(function(a, b) {
            return b-a;
        }));//降序弹出9,8,7,6,5,2,1

/*sort()排序方式原理:当sort()传入函数中的第一个参数a位于第二个参数b之前,则返回一个负数,相等则返回0,a位于b之后则返回正数。
比如,当要做升序排序时,我们需要想到前面的数肯定是要比后面的数小,所以传入的这个函数参数返回值应该要是个负数,因此函数参数返回a - b。
a - b升序,b - a降序,但是需要注意的是,如果按照这种记忆方式的话,函数括号内的两个参数a和b的书写顺序可不能颠倒*/
    script>
head>
<body>

body>
html>

关于操作数组元素的实际应用_第1张图片
关于操作数组元素的实际应用_第2张图片

你可能感兴趣的:(前端,javascript)