数组的创建方式:

1. 数组直接量

var arr = []   // 创建一个空数组
var arr = [1,2,3,4] // 创建同时初始化元素

2. 实例化对象

var arr=new Array();  // 此时的arr.length 等于 0   输出:String(arr)等于 ""

3.创建空数组,初始化元素个数:

var arr=new Array(n);  // 此时的 arr.length 等于 n   输出:String(arr) 等于 ,,,,,,,...

4.创建数组同时初始化元素:

var arr=new Array(值1,值2...);

关于数组的各种API:

1. 数组转字符串  String      join

凡是频繁字符串拼接,都要用数组.join实现

var str=String(arr); // 默认用逗号分隔每个元素值

 var str=arr.join("自定义连接符");  // 如果省略自定义参数,默认和String相同

将数组元素拼接为页面元素固定套路:

开始标签+arr.join("结束标签开始标签")+结束标签

2. 拼接和截取:【不修改原数组,生成新数组】 concat(拼接)    slice(截取)

拼接:数组名.concat(新增的各个值)    新增的值可以是单个,也可以是数组,参数中的数组会被打撒成单个元素,再拼接,将参数中的值追加到arr1的值之后,【返回新数组】

 var newArr=arr1.concat(值1,值2,arr2,...)

例子:

    var arr1=[1,2,3];
var arr2 = [];
arr2=arr1.concat(12,23,[123,33]); //拼接 console.log(arr1) //输出[1,2,3]
console.log(arr2); //输出[1,2,3,12,23,123,33] var subArr=arr2.slice(2,4+1); //截取2~4下标 3个元素,含头不含尾
console.log(subArr); //输出[3,12,23]
console.log(arr2); //输出[1,2,3,12,23,123,33]

3. 删除  插入  替换:直接【修改原数组】  splice

默认接收三个值, starti、n、值...

删除: var deleted=arr.splice(starti, n)                   starti 是开始删除的位置     n 是删除个数     deleted 接收被删除的元素组成的临时子数组    省略第三个值

插入: arr.splice(starti,, 值1, 值2,...)                在 starti 位置插入多个值   原starti位置的值向后顺移。    此时的n值永远为0

替换: var deleted=arr.splice(starti, n, 值1,...);       删除的元素个数n,不一定和新值个数相等。    splice方法没有打散数组参数的功能      三个参数都有值

var arr = [1,2,3,4,5,6]

var deleted=arr.splice(2, 3)     // 从下标 2 开始,截取 3 个值

console.log(arr)              // 输出[1,2,6]    原数组被改变
console.log(deleted)     // 输出[3,4,5] arr = [1,2,3,4,5,6] arr.splice(3,0,11,12,13) // 从下标3开始,在后面加入11,12,13 console.log(arr)      // 输出 [1,2,3,11,12,13,4,5,6] arr = [1,2,3,4,5,6] var deleted=arr.splice(2,3,101,102,103) // 从下标 2 开始,截取 3 个值, 添加3个值 console.log(arr) // 输出[1,2,101,102,103,6] 原数组被改变 ,截取的位置刚好被添加的值替换
console.log(deleted) // 输出[3,4,5]

4.栈和队列  【修改原数组】 push  pop   unshift    shift

js中没有专门栈和队列类型,其实都是用数组模拟的

arr.push(值)          将 值 压入数组末尾

var last=arr.pop()      从数组 末尾 弹出1个元素      不能传参

arr.unshift(值)     将 值 插入到开头

var first=arr.shift()       从数组 开头 弹出第1个元素

var arr = [1,2,3]   // 以下输出假设在 arr = [1,2,3] 的情况下

arr.push(10)     // 输出[1,2,3,10]

arr.pop()        // 输出[1,2]

arr.unshift(10)    // 输出 [10,1,2,3]

arr.shift()      // 输出[2,3]

5.翻转数组   【修改原数组】

arr.reverse()

6.数组的排序    【修改原数组】

arr.sort() : 默认将所有元素转为字符串PK unicode    传入函数  function compare(a,b){return a-b;}     如果为 return b-a   那么输出结果为倒序

function compare(a,b){return a-b;}

var arr = [6,9,7,2,4,0,1]

arr.sort(compare);

console.log(arr)   // 输出 [0,1,2,4,6,7,9]

数组的创建和各种API的更多相关文章

  1. 集合 数组 定义 转换 遍历 Arrays API MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  2. Java数组声明创建和使用以及多维数组、Arrays类、稀疏数组

    目录 数组概述 数组声明创建 内存分析 java内存分析 堆 栈 方法区 三种初始化 静态初始化 动态初始化 数组的默认初始化 数组的四个基本特点 数组边界 小结: 数组使用 数组基础使用 For E ...

  3. 2.4使用属性在 ASP.NET Web API 2 路由创建一个 REST API

    Web API 2 支持一种新型的路由,称为属性路由.属性路由的一般概述,请参阅属性路由 Web API 2 中.在本教程中,您将使用属性路由创建一个 REST API 集合的书.API 将支持以下操 ...

  4. Numpy 学习之路(1)——数组的创建

    数组是Numpy操作的主要对象,也是python数据分析的主要对象,本系列文章是本人在学习Numpy中的笔记. 文章中以下都基于以下方式的numpy导入: import numpy as np fro ...

  5. php数组的创建及操作

    //数组的创建 //1 $usernames = array('李彦宏','周宏伟','马云','俞敏洪','李开复'); echo $usernames; //array,打印类型 echo '&l ...

  6. 使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件

    作者:Sreekanth Mothukuru 2016年2月18日 本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 AP ...

  7. Java学习小结(1)-数组的创建与传参

    (一)数组的创建 数组的创建包括两部分:数组的申明与分配内存空间. int score[]=null; //申明一维数组 score=new int[3]; //分配长度为3的空间 数组的申明还有另外 ...

  8. 【ASP.NET Web API教程】2 创建各种Web API

    原文 [ASP.NET Web API教程]2 创建各种Web API Chapter 2: Creating Web APIs第2章 创建各种Web API 本文引自:http://www.asp. ...

  9. 002.Create a web API with ASP.NET Core MVC and Visual Studio for Windows -- 【在windows上用vs与asp.net core mvc 创建一个 web api 程序】

    Create a web API with ASP.NET Core MVC and Visual Studio for Windows 在windows上用vs与asp.net core mvc 创 ...

随机推荐

  1. Eclipse配置tomcat程序发布到哪里去了?

    今天帮同事调一个问题,明明可以main函数执行的,他非要固执的使用tomcat执行,依他.但是发布到tomcat之后我想去看看发布后的目录,所以就打开了tomcat中的webapps目录,可是并没有发 ...

  2. Lucene.net(4.8.0) 学习问题记录三: 索引的创建 IndexWriter 和索引速度的优化

    前言:目前自己在做使用Lucene.net和PanGu分词实现全文检索的工作,不过自己是把别人做好的项目进行迁移.因为项目整体要迁移到ASP.NET Core 2.0版本,而Lucene使用的版本是3 ...

  3. longest valid parentheses方法归纳

    题目大意见leetcode,下面我稍微介绍下想到的三种方法: 方法一:不用栈去找匹配 建立一个数组l2表示匹配,然后i从0开始,看到 ( 就把l2对应的数值记为-1,直到看到 ),找到)以后,从当前i ...

  4. celery出现警告或异常的解决方式

    做个笔记,记录下使用celery踩过的坑,不定期更新.  warnings.warn(CDeprecationWarning(W_PICKLE_DEPRECATED)) 我用的是Flask,所以在Fl ...

  5. SpringMVC @SessionAttributes注解

    @SessionAttributes 注解只能作用到类上 @SessionAttributes(value={"user"},types={String.class}) @Sess ...

  6. Qt实现QQ界面

    1.Qt实现QQ界面是通过QToolBox类来实现的,基本结构是:QToolBox里面装QGroupBox,然后QGroupBox里面装QToolButton,设置好相关属性即可 2.定义类继承QTo ...

  7. SpringCloud学习笔记(7)——Sleuth

    Part VII. Spring Cloud Sleuth 46. Introduction Spring Cloud Sleuth为Spring Cloud实现了分布式的跟踪解决方案 46.1 Te ...

  8. react 开发知识准备

    react react使用教程 babel babel 可用于ES6转换为ES5,jsx转换为原生js. ES6 ES6 语法 webpack webpack打包工具,它把不同的.相互依赖的静态资源都 ...

  9. 同时安装python2和python3

    Windows 10 上已经安装了Anaconda2 和 python2.7 [工作需要] 想安装Anaconda3 和 python3 [学习需要] 以 Anaconda2 为主,3为辅. 要点: ...

  10. 从头开始基于Maven搭建SpringMVC+Mybatis项目(1)

    技术发展日新月异,许多曾经拥有霸主地位的流行技术短短几年间已被新兴技术所取代. 在Java的世界中,框架之争可能比语言本身的改变更让人关注.近几年,SpringMVC凭借简单轻便.开发效率高.与spr ...