js之数组骚操作

325 阅读2分钟

一、数组的各种操作,平常我们用到的不多,但是有时候面试会遇到,有时候忘记真的很尴尬,所以总结一下,偶尔翻一下,复习一下也不错的。

1.数组方法之toString()
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString(); 
数组转换成字符串的方法,用toString就是最舒服的了。
2.数组方法之join()
这个方法可以自定义分割符
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * "); 
3.数组方法之pop(),数组中删除最后一个元素并返回被删除的那个值
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
var x = fruits.pop(); // x 的值是 "Mango"

4.数组方法之push(),(在数组结尾处)向数组添加一个新的元素,并返回新数组的长度
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");   //  x 的值是 5
5.数组方法之shift() ,删除首个数组元素,并返回被删除的元素,元素组会被改变
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 从 fruits 删除第一个元素 "Banana"
6.数组方法之unshift() ,向数组头部添加一个元素,并返回新数组的长度
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift();            // 返回 5
7.数组方法之splice() ,方法可用于向数组添加新项
第一个参数(2)定义了应添加新元素的位置(拼接)。

第二个参数(0)定义应删除多少元素。

其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。

8.splice() 方法返回一个包含已删除项的数组:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
9.使用 splice() 来删除元素
第一个参数(0)定义新元素应该被添加(接入)的位置。

第二个参数(1)定义应该删除多个元素。

其余参数被省略。没有新元素将被添加。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素
10.concat() 方法通过合并(连接)现有数组来创建一个新数组
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 连接 myGirls 和 myBoys
11.slice() 方法用数组的某个片段切出新数组,返回新数组,不会更改旧数组
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1); 

slice() 方法创建新数组。它不会从源数组中删除任何元素。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3); 
从位置3开始切除数组的部分,不包括位置3

slice() 可接受两个参数,比如 (1, 3)。
该方法会从开始参数选取元素,直到结束参数(不包括)为止。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3); 

二、下期盘一下其他的数组操作方法,那些会更有趣且用到的话会觉得非常实用。