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>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值