会改变原数组的方法
1.push( ) 方法
**说明:向数组的末尾添加一个或多个元素,并返回新的长度 **
let array=[1,2];
let arrayChange=array.push("3");
console.log(arrayChange) // 返回数组改变后的长度
onsole.log('array :>> ', array); // [1,2,'3']console.log(arrayChange) 3 --- 返回的是数组改变后的值
2.unshift( )方法
说明:将参数添加到原数组开头,并返回数组长度
let array=[1,2];
let arrayChange=array.unshift("3");
console.log(array) //[3,1,2]
console.log(arrayChange) 3---返回的结果就是数组改变后的长度:3
3.pop( )方法
说明:pop方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度
let array=[1,2,3,4];
console.log(array.pop()) //4 返回被删除得最后元素
console.log(array) //[1,2,3] //返回删除最后一个元素后得数组,更改了数组得长度
4.shift( )方法
说明:shift方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度
返回值:从数组中删除的元素; 如果数组为空则返回[undefined
]
let array=[1,2,3,4];
console.log(array.shift()) //1 返回被删除得第一个元素
console.log(array) //[2,3,4] //返回删除第一个元素后得数组,更改了数组得长度
5.reverse( )
说明: reverse方法用于颠倒数组中元素的顺序,该方法会改变原来的数组
let values = [1,2,3,4,5];
values.reverse();
console.log(values);//[5,4,3,2,1]
6.sort( )
说明:sort方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的,原数组将会被改变
sotr的参数函数本身接受两个参数,表示进行比较的两个数组成员。如果该函数的返回值大于 0,表示第一个成员排在第二个成员后面;其他情况下,都是第一个元素排在第二个元素前面。
let values = [2,3,44,55,12];
console.log(values.sort());//[12, 2, 3, 44, 55]
sort方法可以使用函数表达式方便书写
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers);
也可以写成:
var numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers);
// [1, 2, 3, 4, 5]
7.splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被删除或者修改的内容。此方法会改变原数组。
说明: 当splice传递两个参数的时候,参数1:开始删除的下标位置,参数2:删除数组元素的个数,返回新的数组。当splice传递三个参数的时候,参数1:开始删除的下表位置,参数2:删除数组元素的个数,参数3:向数组添加的新元素。注意数组下标0开始。
var arr = [1,2,3,4,5]
var arr2 = arr.splice(2,2)
console.log('arr初始值',arr) // 原数组返回删除之后的元素[1,2,5]
console.log('arr2改变之后的值',arr2) 返回被删除的元素[3,4]
var arr3 = arr.splice(2,0,'增加一个值')
console.log('arr3改变之后的值',arr3) // [] 如果第二个参数0 或者负数,则不移除元素。这种情况下,至少应添加一个新元素
console.log(arr) // 返回增加之后的新数组[1,2,'增加一个值',3,4,5]
var arr4 = arr.splice(-2,1)
console.log(arr4) // 从倒数第二个开始,删除一个元素,但不包括最后一个, 所以打印数组[4]
coonsole.log(arr) // 返回被删除后的数组 [1,2,3,5]
不会修改数组的方法:
1.concat( ): 方法将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回。
该方法也可以连接数组, 不会修改原数组
数组:
var num1 = [1,2,3,4];
var num2 = [5,6,7,8];
console.log('concat:>> ', parents.concat(brothers)); //[1,2,3,4,5,6,7,8]
字符串:
var num1 = '1234'
var num2 = '5678'
console.log('concat:>> ', num1.concat(num2));
2.join( ) 方法将数组中所有元素连接为一个字符串,元素是通过指定的分隔符进行分隔的。
var array = [1,2,3,4];
console.log('array:>> ', array.join()); //字符串1234
3.slice(start,end) 方法从某个已有的数组返回选定的元素,从start位开始返回到end(包括start不包括end)如果是负数,表示从数组尾部进行计算(同样:包括start不包括end),请注意,该方法并不会修改数组,而是返回一个子数组。
var array = [1,2,3,4];
console.log('array:>> ', array.slice(1,2)); //从下标第一个位置开始,到下标为2,(不包括2),作为原数组,新数组不变
console.log(array.slice(-2,-1)) // 打印3 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。
4.map( )方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。函数会被自动传入三个参数:数组元素,元素索引,原数组本身
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.map(function(item,index,arr){
return item * 2
})
console.log(everyResult);// [2,4,6,8,10,8,6,4,2]
5.forEach( )****对数组的所有成员依次执行参数函数,该函数接受三个参数:**value**
、**key**
、整个数组。
var a = ['a', 'b', 'c'];
a.forEach(function(value,key,a){
console.log(value,key,a)
})
// a 0 (3) ["a", "b", "c"]
// b 1 (3) ["a", "b", "c"]
// c 2 (3) ["a", "b", "c"]
6.some( ) 对数组的每一项运行给定函数,有一项符合条件返回true,
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item,index,arr){
return (item > 2)
})
console.log(everyResult);// true
7.every( )对数组的每一项运行给定函数,每一项都符合条件返回true,有一项不符合或全部不符合返回false
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item,index,arr){
return (item > 2)
})
console.log(everyResult);// false
8.filter( )对数组的每一项运行给定函数,返回函数会返回true的项组成的数组
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.filter(function(item,index,arr){
return (item > 2)
})
console.log(everyResult);// [3,4,5,4,3]