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