javascript concat(),slice(),splice()方法

最新推荐文章于 2022-09-11 21:20:22 发布
最新推荐文章于 2022-09-11 21:20:22 发布
阅读量468 收藏
点赞数
分类专栏： javascript 文章标签： javascript concat slice splice
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tashanhongye/article/details/73658128
版权

废话不多说直接上代码，至于它的定义说明，可以通过网W3school这些网站查看。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
        var colors=["red","blue","purple","yelllow"];
        var colors2=colors.concat("white","black");
        var colors3=colors2.concat(["brown"]);
        var colors4=colors3.concat("green",["tan"]);
        var colors5=colors4.concat("syan",["gray",["yellowgreen"]]);

        var colors6=colors5.slice(1);
        var colors7=colors5.slice(1,4);
        var colors8=colors.slice(-2,-1);
        var colors9=colors.slice(-2);
        var colors10=colors.slice(-3,-1);
        var colors11=colors.slice(-3,-2);


        var colors12=colors.splice(0,2);
        var colors13=colors.splice(0,1,"pink","stone");

        document.write("+++++concat()方法+++++++");
        document.write("<br>");
        document.write(colors);
        document.write("<br>");
        document.write(colors2);
        document.write("<br>");
        document.write(colors3);
        document.write("<br>");
        document.write(colors4);
        document.write("<br>");
        document.write(colors5);
        document.write("<br>");
        document.write("+++++slice()方法+++++++");
        document.write("<br>");
        document.write(colors6);
        document.write("<br>");
        document.write(colors7);
        document.write("<br>");
        document.write(colors8);
        document.write("<br>");
        document.write(colors9);
        document.write("<br>");
        document.write(colors10);
        document.write("<br>");
        document.write(colors11);
        document.write("<br>");
        document.write("+++++splice()方法+++++++");
        document.write("<br>");
        document.write(colors12);
        document.write("<br>");
        document.write(colors13);
        document.write("<br>");
        document.write(colors);
</script>
</body>
</html>

ouput:

+++++concat()方法+++++++
pink,stone,yelllow
red,blue,purple,yelllow,white,black
red,blue,purple,yelllow,white,black,brown
red,blue,purple,yelllow,white,black,brown,green,tan
red,blue,purple,yelllow,white,black,brown,green,tan,syan,gray,yellowgreen
+++++slice()方法+++++++
blue,purple,yelllow,white,black,brown,green,tan,syan,gray,yellowgreen
blue,purple,yelllow
purple
purple,yelllow
blue,purple
blue
+++++splice()方法+++++++
red,blue
purple
pink,stone,yelllow
PHP__廊外诗鸽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 数据操作方法 concat() slice() splice()
peter的博客
06-21 167
1.concat() 方法 （1）基于当前数组中的所有项创建一个新数组； var colors = ["red","blue","green"]; var colors2 = colors.concat("yellow",["black","brown"]); console.log(colors); //'red', 'blue', 'green' console.log(colors2); //'red', 'blue', 'green', 'yellow', 'black', 'brown'
JavaScript的concat方法
qq_42356513的博客
02-13 2万+
数组的concat方法 用途: 合并2个或多个数组 变量名 value1,value2,value3,…,valueN 详细描述 值或者数组（可以传对象） 是否必传 否 要注意,concat返回的是一个浅拷贝 示例: 1.连接2个数组 const arr = [1, 2, 3].concat([4, 5]) console.log(arr) // [1,2,3,4,5] 2.连接3个数组 const arr1 = [1, 2] const arr2 = [3,
javascript 的 concat（）方法
qq_42580876的博客
09-07 3万+
javascript 的 concat（）方法 1、concat（）方法是用于连接两个或多个数组。 例子 var Array= ["hello", "word"]; var ArrayItem= ["java", "C++", "C#"]; var ArrayData= ["name"]; var children = Array.concat(ArrayItem,ArrayData); 输出的结果为： hello,word,java,C++,C#,name concat括号后面连接的是数组名，该方法不
JavaScript concat() 方法
wuxiaopengnihao1的博客
09-11 2211
JavaScript concat() 方法用于连接两个或多个字符串。本文章通过语法和示例解释了如何使用JavaScript concat() 方法。
javascript中concat方法深入理解
weixin_30600197的博客
09-08 1149
最近在恶补js知识的时候，总是会因为js强大的语法而感到震撼。因为以前对前端方面的疏忽，导致了一些理解的错误。因此痛改前非，下定决心，不管做什么事情，都要有专研的精神。 在介绍前，抛出一个问题：如何将多个数组合并为一个数组？ 以下的分享会分为如下小节： 1.concat方法的基础介绍 2.从实例中感受concat方法 1.concat方法的基础介...
javascript之Array 数组对象详解
10-22
本文主要是对javascript之Array 数组对象的详解 ，比较详细，希望能给大家做一个参考。
JavaScript类数组对象转换为数组对象的方法实例分析
12-04
数组对象Array有很多方法：shift、unshift、splice、slice、concat、reverse、sort，ES6又新增了一些方法：forEach、isArray、indexOf、lastIndexOf、every、some、map、filter、reduce等。由于类数组不具有数组所...
JavaScript原生数组Array常用方法
10-20
在入门Vue时, 列表渲染一节中提到数组的变异方法, 其中包括push(), pop(), shift(), unshift(), splice(), sort(), reverse(), 而concat()和slice()不属于变异方法. 在这里就复习一下Array所提供的这几个方法的使用
JavaScript基础进阶之数组方法总结(推荐)
01-19
6个增删数组元素的方法：pop（）、push（）、shift（）、unshift（）、slice（）、splice（） 2个数组排序方法：reverse（）、sort（） 连接数组的方法： 1、concat（） 作用：连接两个数组，合并为一个新数组。 ...
javascript中数组array及string的方法总结
11-30
concat,join,slice(start,end) 记住这3个是返回新数组，其他的会改变原来的数组 二、Sting的方法总结 不对原始值做改变，都是返回一个新的String或者其他的值。 1、需要记住的是string.match(regexp不带g)与reg
JavaScript concat() 、 splice() 方法
xie__jin__cheng的博客
11-20 191
一 JavaScript concat() 方法 定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 语法 arrayObject.concat(arrayX,arrayX,......,arrayX) 参数 描述 arrayX 必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。 实例 例子 1 在本例中，我们将把 concat() 中的参数连接到数组 a 中： <script ..
JavaScript数组操作方法之concat()与slice()、splice()方法
ALiang
03-20 495
一、concat()方法 对于数组中的元素，我们有很多操作方法。比如，concat()方法可以在现有数组全部元素基础上创建一个新数组。它首先会创建一个当前数组的副本，然后再把它的参数添加到副本末尾，最后返回这个新构建的数组。 如果传入一个或多个数组，则concat()会把这些数组的每一项都添加到结果数组。如果参数不是数组，则直接把它们添加到结果数组末尾。来看下面的例子： let colors = ["red", "green", "blue"]; let colors2 = colors.concat("y
VUE。JavaScript学习笔记：数组的concat()、slice()和splice()
热门推荐
大啵鱼
06-11 5万+
JavaScript为操作已经包含在数组中的项提供了很多方法。比如push()、pop()、shift()和unshift()实现数组的增删操作、sort()和reverse()对数组项进行排序操作。今天学习操作数组的其他方法：concat()、slice()和splice()。concat()方法concat()方法可以简单的将其理解为合并数组。基于当前数组中的所有项创建一个新数组。简单的说，c...
JavaScript中concat不起作用
求知若渴！大智若愚！
12-23 1万+
//concat()把两个或者多个数组链接在一起，但是不改变已经存在的数组 //而是返回一个链接之后的新数组 var a = [1,2,3]; a.concat([4,5]); console.log(a); //此处输出为 [1, 2, 3]var a = [1,2,3]; a = a.concat([4,5]); console.log(a); //此处输出为 [1, 2, 3 ,4 ,5] /
js数组操作方法concat()、slice()、splice()
rsylqc的专栏
04-18 1万+
concat()方法 concat()方法：基于当前数组中所有项创建新数组。 具体过程为：先创建数组的一个副本，若是concat()存在参数，将接收到的参数添加到副本的末尾，然后返回新构建的数组；若是没有传递参数，仅仅复制当前数组并返回副本数组。 concat()中的参数可以是一个新的数组也可以是一个字符串。 var colors = ["red","green","bl
数组操作concat(), slice(), splice()方法记录
ChauncyWu的博客
03-24 1077
concat()方法 concat()方法基于当前数组所有项创建一个新数组 1. 在没有给concat()方法传递参数的情况下， 他复制当前数组并返回副本 2. 如果传递给concat()方法的是一个或多个数组， 则该方法会将这些数组中的每一项都添加到结果数组中 3. 如果传递的值不是数组， 这些值就会简单地添加到结果数组的末尾 let colors = ['red', 'green...
小结concat()、slice()、splice()操作方法
natalie86的专栏
03-13 2万+
今天继续来总结一下ECMAscript为操作已经包含在数组中的项提供了很多方法。第一个先讲concat()方法。        这个方法可以理解为一种合并。concat()方法的具体用法是：它可以创建当前数组的一个副本，然后将接受到的参数添加到这个副本的末尾，最后返回新构建的数组。这里又分三种情况。（1）在没有给concat()方法传递参数的情况下，它只是复制当前数组并返回副本。（2）如果传递给
数组采用四个方法
qq_45907053的博客
06-18 217
数组的四个方法 push() /*push() 向数组末尾添加一个/多个元素并返回数组新的长度 可以将要添加的元素作为方法的参数传递，这样这些元素会自动添加到数组的末尾 */ var arr=["孙悟空","猪八戒","沙和尚"]; arr.push("唐僧","蜘蛛精","白骨精"); console.log(arr);//"孙悟空","猪八戒","沙和尚","唐僧","蜘蛛精","白骨精" 看数组返回值 var arr=["孙悟空","猪八戒","沙和尚"]; var result=arr.push
js 中concat()和slice()方法介绍
liudanyang_21的博客
07-22 251
1.concat() concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 <script type="text/javascript"> var arr = []; var arr2 = new Array(3) arr2[0] = "aaa" arr2[1] = "bbb" arr2[2] = "ccc" arr=arr.concat(arr2); console.log(arr); )); </script> 　　
javascript中数组方法
最新发布
10-11
JavaScript中常用的数组方法有： 1. push()：向数组末尾添加一个或多个元素，并返回新的长度。 2. pop()：删除数组末尾的元素，并返回该元素的值。 3. shift()：删除数组第一个元素，并返回该元素的值。 4. unshift...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值