数组的创建方式:

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. [编织消息框架][JAVA核心技术]动态代理应用12-总结

    动态代理这篇比较长,是框架组成的重要基础 回顾下学到的应用技术 1.异常应用 2.annotation技术 3.数值与逻辑分享 4.jdk.cglib.javassist等动态代理技术 5.懒处理.预 ...

  2. PHP函数register_shutdown_function的使用

    函数简介当PHP程序执行完成后,自动执行register_shutdown_function函数,该函数需要一个参数,用来指定由谁处理这些后续的工作.其中,程序执行完成,分为以下几种情况:第一种:ph ...

  3. SQL基础学习_01_数据库和表

    SQL语句及其种类 1. SQL语句分为三类:     DDL(Data Definition Language): CREATE.DROP.ALTER;     DML(Data Manipulat ...

  4. 自己做一台3D打印机到底有多难?(附教程)

    •    微博: 小样儿老师2015 初识 3D打印技术,即快速成形技术,它是一种以数字模型文件为基础,运用粉末状金属或塑料等可粘合材料,通过逐层打印的方式来构造物体的技术,3D打印机则出现在上世纪9 ...

  5. python pandas stack和unstack函数

    在用pandas进行数据重排时,经常用到stack和unstack两个函数.stack的意思是堆叠,堆积,unstack即"不要堆叠",我对两个函数是这样理解和区分的. 常见的数据 ...

  6. mysql commit 和 rollback

    转自:http://blog.csdn.net/ying_593254979/article/details/12134629 SQL 语言类型 从功能上划分,SQL 语言可以分为DDL,DML和DC ...

  7. JS中typeof和instanceof用法区别

    typeof和instanceof都可以用来判断变量 1.typeof用以获取一个变量或者表达式的类型,typeof一般只能返回如下几个结果: number,boolean,string,functi ...

  8. css中的 nav ul li ul 与 nav>ul>li 这两种写法的区别

    <nav> <ul id="a"> <li>a1</li> <li>a2</li> <li>a3 ...

  9. SpringCloud学习笔记(6)——Eureka高可用

    参考Spring Cloud官方文档第12章12.3.12.5.12.6小节 12.3 High Availability, Zones and Regions 默认情况下,每一个Eureka服务器同 ...

  10. GO开发[二]:golang语言基础

    [TOC] 一.变量 1.声明变量 变量相当于是对一块数据存储空间的命名,程序可以通过定义一个变量来申请一块数据存储空间,之后可以通过引用变量名来使用这块存储空间. Go语言引入了关键字var,而类型 ...