博主信息
博文 63
粉丝 1
评论 0
访问量 89606
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
forEach()遍历数组、slice()方法、splice()方法
桃儿的博客
原创
2023人浏览过

使用forEach()遍历数组


实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用forEach()遍历数组</title>
</head>
<body>
<script>
    var arr1=[1,2,3,'a','b','c'];
    arr1.forEach(function (value,key,array) {
        // console.log(value);
        // console.log(key);
        // console.log(array);
 console.log('['+key+']'+'=>'+value);
    });
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



通过查手册编写slice()方法的案例, 实现数组元素的添加, 删除和更新操作


实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>slice()方法案例</title>
</head>
<body>
<script>
    var arr2=[1,4,5,6,7,2,3,8,9,'a','b','c','d'];
    arr2.slice(0);//全部截取
    arr2.slice(3,9);//从第3个开始截取到第9个,不包含9,
    arr2.slice(-5);//从倒数第5个截取到最后
    arr2.slice(-5,-2);//从倒数第5个截取到倒数第2个,不包含倒数第2个
    arr2.slice(-2,-5)//结果为空,因为slice()中第一个参数大于第二个参数
    
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


splice()方法:  删除、增加、更新操作,返回结果始终为被删除或替代的元素。

删除操作:splice( )括中第二个元素为要删除的个数  

添加操作:splice( )括中第二个元素为0

更新操作:splice( ) 括号中第二个元素为要更新的元素个数


实例

  var arr=[1,2,3,4,5,6];
    arr.splice(0,1);//从0开始删除一个元素,返回的是被删除的元素。结果为1。
    arr.splice(1,0,'a','b');//从1开始添加a和b,返回的是空(被删除内容为空),原数组已改变
    arr.splice(2,3,'x','y','z');//更新,从2的位置开始更新3个元素,将3,4,5更新为xyz,返回结果为被删除掉的3,4,5

运行实例 »

点击 "运行实例" 按钮查看在线实例



本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学