JavaScript-插入concat,splice,截取slice
拼接和截取:concat
拼接:
var newArr=arr.concat(值1,值2,值3,值4,.....);
将值1值2,以及arr2中每个元素一次拼接到arr1结尾,返回新数组
强调:
1.concat无权修改元素组,只能返回新数组所以,必须用变量接住拼接的返回值
2.concat可打散数组类型的参数为单个元素 截取:(复制)
var subArr=arr.slice(starti,endi+1);
复制arr中starti位置开始到endi结束的元素组成子数组返回
强调:
1.无权修改原数组,只返回新子数组
2.含头不含尾
简写:
1.省略第二个参数,表示一直截取到结尾
2.省略单个参数 删除数组中指定位置的元素
arr.splice(starti,n):
删除arr中starti位置开始的n个元素
其实:var deletes=arr.splice(starti,n)
deletes:返回的被删除的元素组成的临时子数组。 插入
在数组指定位置插入新元素
arr.splice(starti,0,值1,值2......);
在starti位置的插入新值
原stati位置的值被向后顺移
强调:splice,不支持打散数组参数
插入:splice vs concat
concat只能在开头或结尾拼接,不能中间插入.但可打散数组类型参数
splice可在任意位置插入新值,但不可打散数组类型值
替换数组中指定位置的元素
arr.splice(starti,n,值1,值2.......)
先生出starti位置的n个旧元素
再在starti位置插入新值
强调:删除的个数额插入的个数不必一致
splice可自动调节数组的长度和位置 翻转arr.reverse();
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
截取
<script>
var arr1=[1,2,3];
var newArr=arr1.concat(12,23,[123,234]);
//[1,2,3,12,23,[123,234]]
// 0 1 2 3 4 5 6
console.dir(newArr); var subArr=newArr.slice(3,5+1);
console.log(String(subArr));
</script>
删除
<script>
var arr=[1,2,3,4,5];
// 0 1 2 3 4
//删除开头的2个元素
//再拼接到arr结尾
arr=arr.concat(arr.splice(0,2));
console.log(String(arr));
//删除结尾2个元素,再拼接到arr开头
arr=arr.splice(arr.length-2,2).concat(arr);
console.log(String(arr));
</script>
插入
<script> </script>
</body>
</html>
JavaScript-插入concat,splice,截取slice的更多相关文章
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
主要内容: 1.数组整体元素修改 2. 数组筛选 3.jquery 元素转数组 4.获取两个数组中相同部分或者不同部分 5.数组去重并倒序排序 6.数组排序 7.数组截取slice 8.数组插入.删除 ...
- JavaScript方法splice()和slice()
1 splice() 1.1 说明 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目.该方法会改变原始数组.Link 1.2 语法 arrayObject.splice(inde ...
- javascript中的splice方法介绍&示例
javascript 中的 splice 方法很强大,它可以用于插入.删除或替换数组的元素. 下面来一一介绍! 删除:用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数 ...
- [AS3]as3中splice和slice的用法介绍说明
splice 删除数组一段连续的元素,返回被删除的元素数组 var arr:Array = ["a","b","c","d&quo ...
- JavaScript中的Array.prototype.slice.call()方法学习
JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性). 但有一个例外 ...
- split()方法 splice()方法 slice()方法
split()方法是对字符串的操作:splice()和slice()是对数组的操作.slice()也可用于字符串. 一.作用对象 1.split()方法是对字符串的操作:splice()和slice( ...
- 用javascript插入样式
一.用javascript插入<style>样式 有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面 ...
- 将JavaScript 插入网页的方法
将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的. ...
- javascript 高效按字节截取字符串
做为一个前端开发人员在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,各种坑. 让后台程序截一下,又各种推托,让后台按字节截一下更是和要了后台老命一样,最后可能只会安字 ...
- js splice vs slice
js splice vs slice https://stackoverflow.com/questions/37601282/javascript-array-splice-vs-slice htt ...
随机推荐
- (LinkedList)Intersection of Two Linked Lists
Write a program to find the node at which the intersection of two singly linked lists begins. For ex ...
- Ubuntu中启用关闭Network-manager网络设置问题!
Ubuntu中启用关闭Network-manager网络设置问题! [Server版本] 在UbuntuServer版本中,因为只存有命令行模式,所以要想进行网络参数设置,只能通过修改/etc/net ...
- 数据结构中很常见的各种树(BST二叉搜索树、AVL平衡二叉树、RBT红黑树、B-树、B+树、B*树)
数据结构中常见的树(BST二叉搜索树.AVL平衡二叉树.RBT红黑树.B-树.B+树.B*树) 二叉排序树.平衡树.红黑树 红黑树----第四篇:一步一图一代码,一定要让你真正彻底明白红黑树 --- ...
- leetcode 137
137. Single Number II Given an array of integers, every element appears three times except for one. ...
- ps 进程查看器
命令参数 a 显示所有进程 -a 显示同一终端下的所有程序 -A 显示所有进程 c 显示进程的真实名称 -N 反向选择 -e 等于"-A" e 显示环境变量 f 显示程序间的关系 ...
- EmptyRecycle() 清空回收站
//在uses下面引用 function SHEmptyRecycleBinA(Wnd:HWND;str:PChar;WRD:DWORD):Integer;stdcall; external 'SHe ...
- encache学习教程
http://www.cnblogs.com/hoojo/archive/2012/07/12/2587556.html
- SAP无损耗,FP前台和回写均有2%损耗
SAP前台显示无损耗 FP前台显示有损耗 回写也有损耗 检查:从SAP取数到FP表是没有损耗 1132物料编码的主数据也是没有损耗 检查:FP_MO2SAP存储过程
- 2015年毕业生收到的offer和薪资透露
个人情况:全国排名70多的大学,非211,计算机专业硕士 收到的offer: 苏州同程旅游--6k/月 ,自己要了这么多,就给了这么多,没有规范.苏州蜗牛科技--8k/月 ,给了个口头offer,要去 ...
- delphi项目中的modelsupport文件夹
delphi项目中的modelsupport文件夹 今天写着写着突然发现多了一个这个文件夹..苦思不得其解 看着又难受 删了又重建 终于找到了 存此备查;Tools--option--toget ...