JS数组实例相关

数组实例有关知识

一些常见方法(数组和字符串大多实例方法类似 )

1.在数组中添加元素 splice() 三个参数是插入 两个参数是删除(例如，splice(0,2)会删除数组中的前两项。(i, 1)表示删除当前下标元素:下标i开始删除一个之后自动补充) 一个参数是截取当前坐标前的元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice(1,0,"Lemon","Kiwi");//Banana,Lemon,Kiwi,Orange,Apple,Mango 在下标为一的位置前面插入元素且插入后元素长度不变即‘-’0

2.在数组中删除元素 shift() 和pop() 该方法不创建新数组，而是直接修改原有的 arrayObject。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

        var delell = fruits.shift();//删除数组第一个元素并返回

        var delell2 = fruits.pop();//要删除并返回数组的最后一个元素

        console.log(delell);//Banana

        console.log(delell2);//Mango

3.在数组开头添加新元素 拟头插法

var fruits = ["Banana", "Orange", "Apple", "Mango"]

 fruits.unshift("Lemon","Pineapple");//Lemon,Pineapple,Banana,Orange,Apple,Mango

4.join()用数组元素组成字符串 split()如果把空字符串 (“”) 用作 separator，那么每个字符之间都会被分割和单引号分离元素效果相同都是双引号.String.split() 执行的操作与 Array.join 执行的操作是相反的。stringObject.split(separator,howmany)separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

 console.log(fruits.join());//Banana,Orange,Apple,Mango

5.数组排序

//按字母升序(字典序)

        var fruits = ["Banana", "Orange", "Apple", "Mango"];

        fruits.sort();

        //按字母降序

        fruits.sort().reverse();

        //按数字顺序升序

        var points = [40, 100, 1, 5, 25, 10];

        points.sort(function (a, b) { return a - b });//a>b return true 需要交换 a<b return false 不需要处理直接向后迭代

        //按数字顺序降序

        points.sort(function (a, b) { return b - a }); *///b>a return true 需要交换满足降序 反之亦然

6.将一个数组中的元素顺序反转排序 reverse()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
console.log(fruits[0]);//Mango

7.从一个数组中选择元素 slice() 返回新的实例 参数超过长度自动循环 slice()和concat()这两个方法，仅适用于对不包含引用对象的一维数组的深拷贝 使用JSON.stringify和JSON.parse实现深拷贝：JSON.stringify把对象转成字符串，再用JSON.parse把字符串转成新的对象 浅拷贝：直接赋值

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
        var citrus = fruits.slice(1,3);//截取下标[1,3)即1到2的元素 slice(1)则是截掉下标小于1的元素后剩下的的数组  slice(0)相当于拷贝 双参数slice(index,index) 返回空
        //forEach循环
        citrus.forEach((val)=>{
            console.log(val);
        });
        //for-in循环不推荐用for-in来循环一个数组，因为，不像对象，数组的index跟普通的对象属性不一样，是重要的数值序列指标。总之，for–in是用来循环带有字符串key的对象的方法
        for(var index in citrus){
            console.log(citrus[index]);
        }
        //es6 的一种弥补其他方法短板(forEach不能中断循环)的循环方法 for-of
        for(var val of citrus) {
            console.log(val);
        }

8.some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

​ 如果有一个元素满足条件，则表达式返回true, 剩余的元素不会再执行检测。

​ 如果没有满足条件的元素，则返回false。

​ 注意： some() 不会对空数组进行检测。

​ 注意： some() 不会改变原始数组。

var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        function myFunction() {
            document.getElementById("demo").innerHTML = ages.some(checkAdult);
        }

9.数组转数字

第一步把数字数组用tostring（）方法转换成字符串数组，在打印台打印后，我们发现有逗号间隔，这个时候我们就要想到去除逗号。
        第二步，去除逗号，我们就会联想到用空字符串替换，这个时候有必要用到正则表达式。
        第三步，把数字字符串转化成数字，只需要用到类型转换就可以了。
        array.toString().replace(/,/g,"");  js转成数字方法 Number()、parseInt()和 parseFloat() 第一个函数, 即转型函数 Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。但数字有范围限制

10.find() 返回第一个匹配的元素

const people = [
    {
        name: "Matt",
        age: 27
    },
    {
        name: "Nicholas",
        age: 29
    }
];
people.find((element, index, array) => element.age < 28) // // {name: "Matt", age: 27}

赏

Thanks

支付宝

微信