Javascript常用数组操作方法

226 阅读2分钟

最近在做前后端的数据交互的时候,发现自己对数组的理解不是很深入,然后网上找了一些教材恶补了一下,现在总结一下,方便日后查看呗,好了,废话少说,直接上代码。

一、concat

concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

var arr1 = [1,2,3];
var arr2 = [4,5];
var arr3 = arr1.concat(arr2);
console.log(arr1); // [1,2,3]
console.log(arr3); // [1,2,3,4,5]

二、join

join() 方法用于把数组中的所有元素转换一个字符串。

元素是通过指定的分隔符进行分隔的,默认使用 ','分割,不改变原数组。

var arr1 = [1,2,3,4,5,6,7,8];
arr1.join(); // join() 什么都不传的话,默认的是逗号分割的字符串的
console.log(arr1); // 1,2,3,4,5,6,7,8

三、push

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

var arr1 = [1,2,3,4];
arr1.push(5); // push添加的是一个或多个元素
console.log(arr1); // [1,2,3,4,5]

四、pop

pop() 方法用于删除并返回数组的最后一个元素。

var arr1 = [1,2,3,4,5,6];
arr1.pop(); 
console.log(arr1); // 6 返回的是最后一个元素

五、unshift

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

var arr1 = [1,2,3,4,5,6];
arr1.unshift(7); 
console.log(arr1); // 7,1,2,3,4,5,6

六、shift

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值,(这里的第一个元素的值,返回的是原来没有删除的数组的长度)

var arr1 = [1,2,3,4,5,6];
arr1.shift();
console.log(arr1); // 1 

七、substring

substring(start,end) 方法用于提取字符串中介于两个指定下标之间的字符。start开始位置是必须的,但是end是可选的。

注意 substring() 位置的参数是不可以传负值的,并且‘含头不含尾’,也就是说截取的时候,尾部的那个数值是不包含进来的。

var demo = 'Hello World';
document.write(demo.substring(3)); // lo World

八、indexOf

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

注意:

  • indexOf() 方法对大小写敏感!
  • 如果要检索的字符串值没有出现,则该方法返回 -1。
var str = 'Future will be great';
document.write(str.indexOf('be')); // 0

九、lastIndexOf

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

var demo = 'today weather is so great';
document.write(demo.lastIndexOf('is')); // 0 检索的到的话,就返回0,否则返回-1

十、forEach

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

此方法是属于ES5中遍历数组的方法

var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [11,12];
arr.forEach((item,index)=>{
    newArr.push(item);
})
console.log(newArr); // 11,12,1,2,3,4,5,6,7,8,9,10