javascript数组的常用方法
push()
push()
往数组的尾部添加元素
参数:个数不限
返回值:数组新的长度
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var length = arr1.push("123", "23");
console.log(arr1, length);
// ["风中风铃", "zdwen", "1998", "11", "08","123","23"] 7
</script>
pop()
从数组的末尾删除一个元素
参数:无
返回值:被删除的元素
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var ele = arr1.pop();
console.log(arr1, ele);// ["风中风铃", "zdwen", "1998", "11"] "08"
</script>
shift()
shift()
从数组的开头删除一个元素
参数:无
返回值:被删除的元素
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var ele = arr1.shift();
console.log(arr1, ele);// ["zdwen", "1998", "11", "08"] "风中风铃"
</script>
unshift()
unshift()
往数组的开头添加元素
参数:个数不限
返回值:数组新的长度
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var ele = arr1.unshift("123");
console.log(arr1, ele);// ["123", "风中风铃", "zdwen", "1998", "11", "08"] 6
</script>
join()
join()
将数组所有的元素拼接成字符串
参数:指定的分隔符
返回值:拼接成的字符串
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var str = arr1.join("|");
console.log(str);//风中风铃|zdwen|1998|11|08
</script>
concat()
concat()
将多个数组拼接成一个新的数组
参数:多个参与拼接的数组
返回值:拼接完成后的新的数组
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var str = arr1.join("|");
console.log(str);
var arr2 = ["杨欣宇", "18726788395"];
var new_arr = arr1.concat(arr2);
console.log(new_arr);//["风中风铃", "zdwen", "1998", "11", "08", "杨欣宇", "18726788395"]
</script>
slice(start, end)
slice(start, end)
从某个已有的数组返回选定的元素,组成一个新的数组
参数:
start:索引,可选(如果不填默认为数组的长度),从哪开始
end:索引,可选(如果不填默认为数组的长度),到哪结束
返回值:选定的元素组成的新的数组
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var new_arr = arr1.slice(0, 3);
console.log(new_arr);// ["风中风铃", "zdwen", "1998"]
</script>
splice()
splice(index, howmany, ele1, ele2…)
添加,删除,替换
参数:
index:从哪开始
howmany:几个
ele:新增元素 可选
返回值:被删除的元素组成的新的数组
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
var a = arr1.splice(3, 3);
console.log(a);//["11", "08"]
</script>
forEach()
forEach(function)
对数组中每一个元素提供一个执行一次的函数,遍历
fn(item, index, array):回调函数
item:数组中每一个元素
index:数组中每一个元素所对应的索引
array:方法的调用者,数组本身
<script>
var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"];
arr1.forEach(function(item, index, array){
console.log(index,item);
//0 "风中风铃"
//1 "zdwen"
//2 "1998"
//3 "11"
//4 "08"
});
</script>
filter()
filter()
创建一个新数组,其包含通过所提供函数实现的测试的所有元素,筛选
function(item, index, array):回调函数
item:数组中每一个元素
index:数组中每一个元素所对应的索引
array:方法的调用者,数组本身
<script>
var arr1 = ["风中风铃", "zdwen", "1998", 11, 08];
var new_arr = arr1.filter(function(item, index, array){
return typeof(item) == "string";
});
console.log(new_arr);//["风中风铃", "zdwen", "1998"]
</script>
some()
some(function)
判断数组中是否有符合条件的元素
function(item, index, array):回调函数
item:数组中每一个元素
index:数组中每一个元素所对应的索引
array:方法的调用者,数组本身
<script>
var arr1 = ["风中风铃", "zdwen", "1998", 11, 08];
var flag = arr1.some(function(item, index, array){
return typeof(item) == "string";
});
console.log(flag);//true
</script>
every()
every()
判断数组中是否每一个元素都符合条件function(item, index, array):回调函数
item:数组中每一个元素
index:数组中每一个元素所对应的索引
array:方法的调用者,数组本身
<script>
var arr1 = ["风中风铃", "zdwen", "1998", 11, 08];
var flag = arr1.every(function(item, index, array){
return typeof(item) == "string";
});
console.log(flag);//false
</script>
indexOf()
indexOf()
返回在数组中可以找到的一个元素第一次出现的索引值,没有则返回-1
返回值:要查找元素的索引值
<script>
var arr1 = ["风中风铃", "zdwen", "1998", 11, 08];
var i1 = arr1.indexOf("1998");
console.log(i1);//2
var i2 = arr1.indexOf("1");
console.log(i2);//-1
</script>
includes()
includes()
判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false
返回值:true或false
<script>
var arr1 = ["风中风铃", "zdwen", "1998", 11, 08];
var flag = arr1.includes(11);
console.log(flag);//true
</script>