HTML5技术

每天一个JS 小demo之原生数组splice方法书写。主要知识点:锻炼思维逻辑能力,对于数组方法的理解和各种情况的考量

字号+ 作者:H5之家 来源:H5之家 2017-06-07 18:00 我要评论( )

!DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title /head body script /* * splice(start, deleteCount, data1, data2, data3...) * */ var arr = ['a', 'b', 'c', 'd', 'e']; //1, 3 // [8,6,4] //['a',8,6,4] //arr.splice(-5); /

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>

<body>
<script>
/*
* splice(start, deleteCount, data1, data2, data3...)
* */

var arr = ['a', 'b', 'c', 'd', 'e'];
//1, 3
// [8,6,4]
//['a',8,6,4]

//arr.splice(-5);
//console.log(arr);


function arrSplice(data, start, deleteCount) {
// 如果start不是数字,或不能转成数字,start默认就为0
if (isNaN(start)) {
start = 0;
}
start = Number(start);
// 如果start是负数
if (start < 0) {
start = data.length + start;
}
if (start < 0) {
start = 0;
}

// 如果deleteCount没传
if (deleteCount == undefined) {
deleteCount = data.length - start;
}

/*
* 1. 准备一个空的数组,用于存放最后的结果
* 2. 循环源数组
* 1. 得到当前循环过程中的下标
* 2. 把这个下标和start做比较
* 1. 如果当前下标小于start,则把当前数组添加到新数组中
* 2. 否则
* 1. 是否有新增数据
* 1. 如果有新在数据,则把新增数据添加到新数组中
* 2. 否则,如果deleteCount大于0,忽略这个数据,并对deleteCount--
* 否则,把当前数据添加到新数组中
* */
var newArr = [];
//新增数据
var newData = [];
if (arguments.length > 3) {
for (var i=3; i<arguments.length; i++) {
// newData.push(arguments[i]);
newData[newData.length] = arguments[i];
}
}

for (var i=0; i<data.length; i++) {
if (i < start) {
// newArr.push(data[i]);
newArr[newArr.length] = data[i];
} else {
if (newData.length) {
//有新增数据的
// newArr = newArr.concat(newData);
for (var j=0; j<newData.length; j++) {
newArr[newArr.length] = newData[j];
}
newData.length = 0;
}
if (deleteCount > 0) {
deleteCount--;
} else {
// newArr.push(data[i]);
newArr[newArr.length] = data[i];
}
}
}

data = newArr;

console.log(data);
}

</script>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 每天4亿行SQLite订单大数据测试(源码) - 大石头

    每天4亿行SQLite订单大数据测试(源码) - 大石头

    2017-06-02 13:01

  • CSS3D动画制作一个3d旋转的筛子 - 黑白_混沌

    CSS3D动画制作一个3d旋转的筛子 - 黑白_混沌

    2017-05-20 17:02

  • [C#] BarcodeLib -- 一个精简而不失优雅的条形码生成库 - 反骨仔(二五仔)

    [C#] BarcodeLib -- 一个精简而不失优雅的条形码生成库 - 反骨仔(二

    2017-05-19 15:01

  • 一个标签实现滚动 - 小僵尸

    一个标签实现滚动 - 小僵尸

    2017-05-18 17:02

网友点评
h