数组的创建和各种API
数组的创建方式:
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的更多相关文章
- 集合 数组 定义 转换 遍历 Arrays API MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- Java数组声明创建和使用以及多维数组、Arrays类、稀疏数组
目录 数组概述 数组声明创建 内存分析 java内存分析 堆 栈 方法区 三种初始化 静态初始化 动态初始化 数组的默认初始化 数组的四个基本特点 数组边界 小结: 数组使用 数组基础使用 For E ...
- 2.4使用属性在 ASP.NET Web API 2 路由创建一个 REST API
Web API 2 支持一种新型的路由,称为属性路由.属性路由的一般概述,请参阅属性路由 Web API 2 中.在本教程中,您将使用属性路由创建一个 REST API 集合的书.API 将支持以下操 ...
- Numpy 学习之路(1)——数组的创建
数组是Numpy操作的主要对象,也是python数据分析的主要对象,本系列文章是本人在学习Numpy中的笔记. 文章中以下都基于以下方式的numpy导入: import numpy as np fro ...
- php数组的创建及操作
//数组的创建 //1 $usernames = array('李彦宏','周宏伟','马云','俞敏洪','李开复'); echo $usernames; //array,打印类型 echo '&l ...
- 使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件
作者:Sreekanth Mothukuru 2016年2月18日 本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 AP ...
- Java学习小结(1)-数组的创建与传参
(一)数组的创建 数组的创建包括两部分:数组的申明与分配内存空间. int score[]=null; //申明一维数组 score=new int[3]; //分配长度为3的空间 数组的申明还有另外 ...
- 【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. ...
- 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 创 ...
随机推荐
- ubuntu12.04 安装中文输入法
1. 安装输入法的第一步,是安装语言包.我们选择System Settings-->Language Support-->Install/Remove Languages 选择中文 2. ...
- 解决反序列化(Deserialize)无法找到程序集的错误
http://blog.csdn.net/w_s_q/article/details/5677536 在使用.NET序列化对象时,会将程序集信息也包含进去.如果将序列化之后的字节数组通过网络(或其他传 ...
- ActiveReports 6:如何升级旧版本的项目
如果现在的项目使用的是ActiveReports for .NET 3.0,那么有两种升级方式: 一是使用ActiveReports 6.0附带的转换工具(参见下面"升级ActiveRepo ...
- Android动画(一)-视图动画与帧动画
项目中好久没用过动画了,所以关于动画的知识都忘光了.知识总是不用则忘.正好最近的版本要添加比较炫酷的动画效果,所以也借着这个机会,写博客来整理和总结关于动画的一些知识.也方便自己今后的查阅. Andr ...
- Java中对List<E>按E的属性排序的简单方法
这是LeetCode上的题目56. Merge Intervals中需要用到的, 简单来说,定义了E为 /** * Definition for an interval. * public class ...
- Yii 框架学习--03 多应用多模块
本文以YII 2.0.7为例. 概述 首先看看多应用和多模块的特点: 多应用的特点: 独立配置文件 独立域名 多模块的特点: 统一配置文件 统一域名 那么,实际该怎么决定使用多应用还是多模块呢? 对于 ...
- StringMVC POJO
SpringMVC会按请求参数名和POJO类属性名进行自动匹配,自动为该属性填充属性值, 支持级联属性(本类包含其他类对象,如User类有一个属性为Address) 示例代码: index.jsp: ...
- js 数组API之forEach、map的用法
forEach语法: arr.forEach(function(value, index, array){--}) 实例: // forEach ,,,,]; arr.forEach(function ...
- php 运算符and or && || 的详解
想弄清这个问题,首先要了解这些运算符的优先级:了解后,我们才知道,逻辑运算和赋值运算的执行顺序: //and or 的优先级小于 = //&& || 的优先级大于 = //or-前面语 ...
- Java学习笔记8---类的静态成员变量与静态成员方法的访问与调用方式
(注:静态变量修改为静态成员变量,静态方法改为静态成员方法) 静态成员变量又称类变量,静态成员方法又称类方法,它们统称为静态成员或类成员.静态成员由static修饰,是属于整个类的,所有的对象共享这些 ...