前端-js数组-属性和方法03

---

前言

前端js数组的属性方法大全，个人学习整理，有不足欢迎指点增改(≧∇≦)/，记得关注、点赞、收藏哦！(≧∇≦)/
这里附上代码，备注少，建议编辑器打开，运行看结果哟，skr

---

一、数组方法序章

接上回js数组属性方法之后

二十三、findIndex()-返回第一个满足条件的下标

	<script>
        //findIndex() 方法，返回符合条件的第一个元素的索引。
        var a = [3, 45, 50];
        var b = a.findIndex(callFunction);
        var c = a.findIndex(lll);
        function callFunction(value, index, array) {
            return value > 10;
        }
        function lll(value, index, array) {
            return value > 0;
        };
        console.log(b); //输出1
        console.log(c); //输出0
    </script>

二十四、indexOf()-返回指定元素的下标（超级常用）

    <script>
        //indexOf(元素,开始查找位置) 方法，在数组中搜索元素值并返回其位置。
        //元素： 必须
        //开始查找位置： 可选
        var a = [45, 3, 16, 5, 6, 3];
        var b = a.indexOf(3);
        var c = a.indexOf(3, 2);//从下标2开始找元素 3
        console.log(b);//返回1
        console.log(c);//返回5
    </script>

二十五、lastIndexOf()-从末尾开始查找元素（超级常用）

    <script>
        //indexOf(元素,开始查找位置) 方法，在数组中搜索元素值并返回其位置。
        //元素： 必须
        //开始查找位置： 可选
        var a = [45, 3, 16, 5, 6, 3];
        var b = a.lastIndexOf(3);
        var c = a.lastIndexOf(3, -2);//从下标2开始找元素 3
        console.log(b);//返回5
        console.log(c);//返回1
    </script>

二十六、reduce()-将元素计算为值

    <script>
        //reduce() 方法，将数组元素计算为一个值（从左到右）.
        //元素： 必须
        //开始查找位置： 可选
        /*
            回调函数包括四个参数：
            total：初始值, 或者计算结束后的返回值。（必需）
            value：元素值（必需）
            index：索引（可选）
            array：数组本身（可选）
        */
        var a = [45, 3, 8, 12, 15, 14, 7];
        var b = a.reduce(callFunction);
        var b1 = a.reduce(x);
        function callFunction(total, value, index, array) {
            return total + value;
        };
        console.log(b);
        console.log(b1);

        function x(total, value, index, array) {
            return total * value;
        };
        // reduce()方法可以设定一个初始值，比如：
        var c = a.reduce(callFunction, 100);
        var c1 = a.reduce(x, 100);
        console.log(c);

        console.log(c1);
        // reduceRight() 方法和 reduce()方法一样，只不过，执行顺序是从右到左。

    </script>

二十六、reduceRight()-从右到左计算值

    <script>
        //reduce() 方法，将数组元素计算为一个值（从左到右）.
        //元素： 必须
        //开始查找位置： 可选
        /*
            回调函数包括四个参数：
            total：初始值, 或者计算结束后的返回值。（必需）
            value：元素值（必需）
            index：索引（可选）
            array：数组本身（可选）
        */
        var a = [45, 3, 8, 12, 15, 14, 7];
        var b = a.reduceRight(callFunction);
        function callFunction(total, value, index, array) {
            return total + value;
        };
        console.log(b);

        // reduce()方法可以设定一个初始值，比如：
        var c = a.reduceRight(callFunction, 100);
        console.log(c);
        // reduceRight() 方法和 reduce()方法一样，只不过，执行顺序是从右到左。

    </script>

二十七、for()-遍历

    <script>
        //forEach() 方法，为每个数组元素调用一次函数（回调函数）。
        let like = ['李汶霖', '吴彦祖', '彭于晏', '华晨宇', '邓紫棋'];
        for (let i = 0; i < like.length; i++) {
            console.log(like[i] , i , '我的'+like[i]);
        }
    </script>

二十八、valueOf()方法-返回原始元素

    <script>
        //valueOf() 方法返回 Array 对象的原始值。
        //该原始值由 Array 对象派生的所有对象继承。
        //valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中
    </script>

二十九、toLocaleString()方法-转换为本地字符串

    <script>
        //把数组转换为本地字符串
        //arrayObject.toLocaleString()
        var arr = new Array(3)
        arr[0] = "George"
        arr[1] = "John"
        arr[2] = "Thomas"

        document.write(arr.toLocaleString())

    </script>