刚接触前端不久,个人觉得学习程序还是需要经常总结的。下面是我的一些知识的归纳总结,如果哪里说得不对的还请各位大神指点!

1、to str
(1)String(arr)将数组中的每个元素转为字符串并用逗号“ , ”连接。又称之为“拍照”。
(2)arr.join(“连接符”);
将数组中每个元素转为字符串,用自定义的连接符连接每个元素
无缝拼接,若省略连接符和String等效,可批量生成页面元素
固定套路:
a,无缝拼接: var str = arr.join(“  ”);
b,将数组中的元素拼接为页面的html代码。
2、拼接和截取
(1)拼接(既可以放单个数值也可以放数组)
var newArr = arr.cancat(值1,值2,arr1,arr2,...);
注意:生成新数组原数组保持不变
优点:课打散数组类型的参数逐个拼接(apply也可以)
缺点:只能拼接在开头或结尾
(2)截取数组

var SubArr=arr.slice(starti,endi+1);
复制出arr中starti位置开始到endi位置结束的元素组成新数组返回(在字符串和数组中通用)
强调:
含头不含尾,结束位置+1
支持负数参数,表示倒数第n个位置(执行的是length-n)
若省略第二个参数,表示从starti开始截到末尾
注意:concat和slice 都无法直接修改原数组,而是返回新数组,需要用变量接住。
3、splice (删除、插入、替换)--直接修改原数组
(1)删除
arr.splice(starti,n);删除starti位置开始的n个元素
(2)插入(不支持数组类型的参数)
a、arr.splice(starti,0,值1,值2,...);
b、在arr中的starti位置插入值1,值2,原来starti位置的值以及其后面的值自动向右移。
c、不支持数组类型的参数,无法打散数组,只能单独传入
(3)替换
arr.splice(starti,n,值1,值2,...);
先删除starti位置的n个元素,再在starti位置插入值1,值2.
4、颠倒数组
arr.reverse();
只机械的将数据颠倒,不负责排序,直接修改原数组。

JS 中常见数组API使用方法(join、concat、slice、splice、reverce)的更多相关文章

  1. js中给数组添加元素的方法有哪些

    unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined push:将参数添加到原数组末尾,并返回数组的长度 co ...

  2. js中操作数组的一些方法

    增 push   在数组的末尾添加一个或多个元素,并返回新的长度.  array.push(1,2,3.........) unshift  在数组的开头添加一个或多个元素,并返回新的长度. arra ...

  3. js中操作数组的一些方法【转】

    增 push   在数组的末尾添加一个或多个元素,并返回新的长度.  array.push(1,2,3.........) unshift  在数组的开头添加一个或多个元素,并返回新的长度. arra ...

  4. js中的数组对象排序(方法sort()详细介绍)

    定义和用法 sort() 方法用于对数组的元素进行排序. 语法    arrayObject.sort(sortby) 参数sortby:可选.规定排序顺序.必须是函数. 返回值 对数组的引用.请注意 ...

  5. 关于js中操作数组的一些方法

    网上找的通篇看了一遍讲的很透收藏了!  转自(https://www.cnblogs.com/blogs-8888/p/6518683.html) 1.锁定数组的长度(让数组的长度变成只读). 1 2 ...

  6. js中常见的创建对象的方法

    前两天好好的把高程对象那一块又读了下,顺便写点笔记.补一句:代码都测试过了,应该没有问题的.可以直接拿到控制台跑! 1.工厂模式 function person(name, age, job) { v ...

  7. js 中常见的深拷贝的方法

    建议最简单的第一种 1.通过 JSON 对象实现深拷贝 this.data = JSON.parse(JSON.stringify(this.vm.$store.state.security.menu ...

  8. js中常见的创建对象的方法(1)

    工厂模式:抽象了创建具体对象的过程 function createPerson(name, age, job){ var obj = new Object(); obj.name = name; ob ...

  9. js中的数组方法

    数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join()push()和pop()shift() 和 unshift()so ...

随机推荐

  1. java中几种常用的设计模式

    参考https://blog.csdn.net/jiyang_1/article/details/50110931 参考https://blog.csdn.net/dean_hu/article/de ...

  2. 闪动效果的实现 (jquery方式和css方式)以及 keyframes和opacity 与ie等各浏览器兼容问题

    opacity 是CSS3中:设置元素的不透明度的属性(支持ie8以上) opacity: value|inherit;value用于规定不透明度.从 0.0 (完全透明)到 1.0(完全不透明). ...

  3. expected_conditions模块提供了判断页面元素的16种方法

    1.title_is: 判断当前页面的title是否完全等于(==)预期字符串,返回布尔值2.title_contains : 判断当前页面的title是否包含预期字符串,返回布尔值3.presenc ...

  4. git 入门与应用

    git可视化界面的项目版本控制软件,适用于git项目管理 SourceTree 安装方法 https://blog.csdn.net/qq_26230421/article/details/79921 ...

  5. react基础学习 一

    1. 搭建环境 安装react脚手架  >npm install create-react-app -g 创建文件            >create-react-app 项目名称 启动 ...

  6. gentoo qt-creator no examples

    参考 [SOLVED] qtcreator: examples are missing https://forums.gentoo.org/viewtopic-t-1092826-highlight- ...

  7. 【机器学习_8】pandas

    背景 关于同一个话题,不同作者也有不同行文结构.但要真正理解并会用,在我的经验里,是必须要自己重新组织的. 本文是基于以往看过的资料,从自身数据处理应用的角度出发,重新组织pandas应用结构,希望能 ...

  8. 1. maven 手动添加jar包

    mvn install:install-file -Dfile=isc_sso_agent-1.0.jar -DgroupId=com.sgcc.isc -DartifactId=isc_sso_ag ...

  9. python url监控 并邮件报警

    import timeimport requestsimport smtplibfrom email.mime.text import MIMETextimport datetime def Send ...

  10. VUE系列一:VUE入门:搭建脚手架CLI(新建自己的一个VUE项目)

    一.VUE脚手架介绍 官方说明:Vue 提供了一个官方的 CLI,为单页面应用快速搭建 (SPA) 繁杂的脚手架.它为现代前端工作流提供了 batteries-included 的构建设置.只需要几分 ...