拼接和截取: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的更多相关文章

  1. 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.数组插入.删除 ...

  2. JavaScript方法splice()和slice()

    1 splice() 1.1 说明 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目.该方法会改变原始数组.Link 1.2 语法 arrayObject.splice(inde ...

  3. javascript中的splice方法介绍&示例

    javascript 中的 splice 方法很强大,它可以用于插入.删除或替换数组的元素. 下面来一一介绍! 删除:用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数 ...

  4. [AS3]as3中splice和slice的用法介绍说明

    splice 删除数组一段连续的元素,返回被删除的元素数组 var arr:Array = ["a","b","c","d&quo ...

  5. JavaScript中的Array.prototype.slice.call()方法学习

    JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性). 但有一个例外 ...

  6. split()方法 splice()方法 slice()方法

    split()方法是对字符串的操作:splice()和slice()是对数组的操作.slice()也可用于字符串. 一.作用对象 1.split()方法是对字符串的操作:splice()和slice( ...

  7. 用javascript插入样式

    一.用javascript插入<style>样式 有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面 ...

  8. 将JavaScript 插入网页的方法

    将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的. ...

  9. javascript 高效按字节截取字符串

    做为一个前端开发人员在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,各种坑. 让后台程序截一下,又各种推托,让后台按字节截一下更是和要了后台老命一样,最后可能只会安字 ...

  10. js splice vs slice

    js splice vs slice https://stackoverflow.com/questions/37601282/javascript-array-splice-vs-slice htt ...

随机推荐

  1. 标准盒模型与IE盒模型之间的转换

    首先上图,这两张很明显可以看出IE盒模型和标准盒模型之间的差别. 当然今天不是去细细追究两种模型具体是怎么去计算布局的,那个很多文章已经已经有过了,不再重复.以前刚开始学习盒模型的时候,就学到的是IE ...

  2. [转] 解决HttpServletResponse输出的中文乱码问题

    首先,response返回有两种,一种是字节流outputstream,一种是字符流printwrite. 申明:这里为了方便起见,所有输出都统一用UTF-8编码. 先说字节流,要输出“中国" ...

  3. Chapter7: question 49 - 50

    49. 把字符串转换为整数 很多细节需要注意.(空格,符号,溢出等) Go: 8. String to Integer (atoi) 50. 树种两个结点的最低公共祖先 A. 若是二叉搜索树,直接与根 ...

  4. 魅族手机（魅蓝note）无法作为调试设备连接到mac问题的解决

    问题描述: OS X(Yosemite),ADB(1.0.32),Android Studio(1.0.1),魅蓝note手机(m1 note,Android 4.4.4,Flyme OS 4.2.0 ...

  5. google快捷键，通过浏览器本身来查看

    今天玩google浏览器时发现一个不需要访问google就能查看其快捷键的方式,再此记录一下,以备后用. 1:打开Google浏览器 2:打开开发者工具,有三种方法 2-1:按F12快捷键 2-2:按 ...

  6. 解决box-flex不均等分的问题

    我想当你上手css3的时候后一定为他的强大而感到震惊,但是震惊之后带来的一定是苦恼,因为他太TM变态了! 我之所以这么说是因为我今天写box-flex的时候遇到了一个可以让我蛋碎的问题~~~ 首先,b ...

  7. C++ 用libcurl库进行http通讯网络编程

    使用libcurl完成http通讯,很方便而且是线程安全,转载一篇比较好的入门文章 转载自 http://www.cnblogs.com/moodlxs/archive/2012/10/15/2724 ...

  8. centos7.2上实践cgoup

    基本介绍 CGroups 是一种对进程资源管理和控制的统一框架,它提供的是一种机制,而具体的策略(Policy)是通过子系统(subsystem)来完成的.子系统是CGroups对进程组进行资源控制的 ...

  9. python(第五步django)

    这是一个关于,web开发的库, 下一步需要重点掌握的是,网页跳转和数据展示,和面向对象的关系的重用的内容 1:目前掌握的是project 的创建,和app的创建, 2:

  10. 泛型的上限和下限的Demo

    Main Class package Comparator.Bean; import java.math.BigDecimal; import java.util.List; import java. ...