canvasT
3/10/2018 - 1:53 AM

splice & slice // source http://jsbin.com/kafumox

splice & slice

// source http://jsbin.com/kafumox

jsbin.kafumox.js
content_copyfile_download
/*
  splice 是js中操作数组最强大的函数之一
  arrayObject.splice(index,howmany,item1,.....,itemX)
  特别注意：第二个元素是待删除元素的数量
  可用于插入元素，删除元素和替换元素
  它会修改原始数组，并且返回被删除的元素。可以利用这一特性进行数据切割和提取
*/
// 插入元素
console.log("====================");
console.log("插入元素");
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 0, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("删除元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1);
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("替换元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

/*
  slice 与 splice 最大的区别是它不会修改原数组

*/
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>splice & slice</title>
</head>
<body>

<script id="jsbin-javascript">
/*
  splice 是js中操作数组最强大的函数之一
  arrayObject.splice(index,howmany,item1,.....,itemX)
  特别注意：第二个元素是待删除元素的数量
  可用于插入元素，删除元素和替换元素
  它会修改原始数组，并且返回被删除的元素。可以利用这一特性进行数据切割和提取
*/
// 插入元素
console.log("====================");
console.log("插入元素");
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 0, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("删除元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1);
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("替换元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

/*
  slice 与 splice 最大的区别是它不会修改原数组

*/
</script>



<script id="jsbin-source-javascript" type="text/javascript">/*
  splice 是js中操作数组最强大的函数之一
  arrayObject.splice(index,howmany,item1,.....,itemX)
  特别注意：第二个元素是待删除元素的数量
  可用于插入元素，删除元素和替换元素
  它会修改原始数组，并且返回被删除的元素。可以利用这一特性进行数据切割和提取
*/
// 插入元素
console.log("====================");
console.log("插入元素");
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 0, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("删除元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1);
console.log('color', color);
console.log('----------');
console.log('color1', color1);

console.log("====================");
console.log("替换元素");
// 删除元素
var color = new Array('red', 'green', 'blue', 'black');
var color1 = color.splice(2, 1, 'brown');
console.log('color', color);
console.log('----------');
console.log('color1', color1);

/*
  slice 与 splice 最大的区别是它不会修改原数组

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