一、JS数组

  JavaScript中的数组类似于Python的列表  

a = [11,22,33,44]

   常见功能: 

obj.length          数组的大小

obj.push(ele)       尾部追加元素
obj.pop() 尾部获取一个元素
obj.unshift(ele) 头部插入元素
obj.shift() 头部移除元素
obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素
obj.splice(n,0,val) 指定位置插入元素
obj.splice(n,1,val) 指定位置替换元素
obj.splice(n,1) 指定位置删除元素 obj.slice( ) 切片
obj.reverse( ) 反转
obj.join(sep) 将数组元素连接起来以构建一个字符串
obj.concat(val,..) 连接数组
obj.sort( ) 对数组元素进行排序

  1. length

  数组的长度 

a.length
4

  2. push

  尾部追加元素  

a.push(55)
5
a
(5) [11, 22, 33, 44, 55]

  3.pop

  尾部获取一个元素,并且删除  

a
(5) [11, 22, 33, 44, 55]
a.pop()
55
a
(4) [11, 22, 33, 44]

  4. unshift(ele)

  头部插入元素 

a
(4) [11, 22, 33, 44]
a.unshift(66)
5
a
(5) [66, 11, 22, 33, 44]

  5. shift()

  头部移除元素  

a
(5) [66, 11, 22, 33, 44]
a.shift()
66
a
(4) [11, 22, 33, 44]

  6.splice(start, deleteCount, value, ...) 

  插入、删除或替换数组的元素。start:起始位置,deleteCount:删除的个数,value:插入的值 

a
(4) [11, 22, 33, 44]
a.splice(1,0,77) // 在原本22的位置77
[]
a
(5) [11, 77, 22, 33, 44] a.splice(1,1,88) // 将77替换为88
[77]
a
(5) [11, 88, 22, 33, 44] a
(5) [11, 88, 22, 33, 44]
a.splice(3,1) //删除索引为3的数
[33]
a
(4) [11, 88, 22, 44]

  7. slice()

  切片,顾头不顾尾  

a
(4) [11, 88, 22, 44]
a.slice(1,3)
(2) [88, 22]

  8.join()

  将数组元素连接起来以构建一个字符串 

 a.join(":")
"11:88:22:44"

  9.concat(val,...)

  连接数组  

a = [1,2,3]
(3) [1, 2, 3]
b = [4,5,6]
(3) [4, 5, 6]
a.concat(b)
(6) [1, 2, 3, 4, 5, 6]

  10.sort( )

  排序 

a = [1,3,5,2,4,8]
(6) [1, 3, 5, 2, 4, 8]
a.sort()
(6) [1, 2, 3, 4, 5, 8]

二、字典

  定义:  

a = {"k1":"v1","k2":"v2"}
{k1: "v1", k2: "v2"}

  字典取值  

a = {"k1":"v1","k2":"v2"}
{k1: "v1", k2: "v2"}
a["k1"]
"v1"
a["k2"]
"v2"

  

三、for循环

  3.1、采用自身索引循环

  (1)数组循环 

a = [11,22,33,44]
for(var item in a){
console.log(a[item]);
}  

  

  (2)字典循环

  

  3.2 自增循环

  

四、While循环

  

JS--数组和字典的更多相关文章

  1. JS数组添加字典的方法

    var ary_RoleType = [];  //申明数组变量 for(var j = 0;j<treeData.length;j++){ if($.inArray(treeData[j].v ...

  2. 小兔JS教程(四)-- 彻底攻略JS数组

    在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...

  3. 页面循环绑定(变量污染问题),js面向对象编程(对象属性增删改查),js字符串操作,js数组操作

    页面循环绑定(变量污染问题) var lis = document.querySelectorAll(".ul li") for ( var i = 0 ; i < lis. ...

  4. 深入理解Js数组

    深入理解Js数组 在Js中数组存在两种形式,一种是与C/C++等相同的在连续内存中存放数据的快数组,另一种是HashTable结构的慢数组,是一种典型的字典形式. 描述 在本文中所有的测试都是基于V8 ...

  5. js数组学习整理

    原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...

  6. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  7. js数组操作大全

    原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...

  8. 窥探Swift之数组与字典

    说到数组和字典,只要是编过程的小伙伴并不陌生.在Swift中的数组与字典也有着一些让人眼前一亮的特性,今天的博客就来窥探一下Swift中的Array和Dictionary.还是沿袭之前的风格,在介绍S ...

  9. Objective-C中把数组中字典中的数据转换成URL

    可能上面的标题有些拗口,学过PHP的小伙伴们都知道,PHP中的数组的下标是允许我们自定义的,PHP中的数组确切的说就是键值对.而在OC我们要用字典(Dictionary)来存储,当然了Java用的是M ...

  10. js数组去重的4种方法

    js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...

随机推荐

  1. iOS开发日常遇到问题记录

    1. [self.navigationController.navigationBar setTranslucent:NO]; iOS 7 之后,setTranslucent=yes 默认的   则状 ...

  2. jsp九大内置对象之一request

    request对象,目的是用来获取客户端的请求. 主要方法有: request.getMethod();                      // 获取提交请求的方式 request.getPr ...

  3. 45度炸队Alpha冲刺博客集

    博客集如下: Alpha冲刺Day1:第一天冲刺记录 Alpha冲刺Day2:第二天冲刺记录 Alpha冲刺Day3:第三天冲刺记录 Alpha冲刺Day4:第四天冲刺记录 Alpha冲刺Day5:第 ...

  4. 剑指offer:替换空格

    题目描述: 请实现一个函数,将一个字符串中的每个空格替换成“%20”.例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy. 思路: 一开始没理解,函数中 ...

  5. Gradle入门(3):构建第一个Java项目

    Gradle插件通过引入特定领域的约定和任务来构建你的项目.Java插件是Gradle自身装载的一个插件.Java插件提供的基本功能远比源代码编译和打包多.它为你的项目建立了一个标准的项目布局,并确保 ...

  6. 使用docker inspect获取数据卷信息时返回地址为空

    使用 docker inspect 命令查看容器挂载的volume的目录 $ sudo docker inspect --format "{{.Volumes}}" redis-m ...

  7. 安装/卸载 修改Config

    参考地址:https://docs.microsoft.com/zh-cn/nuget/create-packages/source-and-config-file-transformations

  8. 【第七周】B-1分数发布

    组名: 新蜂 组长: 武志远 组员: 宫成荣 谢孝淼 杨柳 李峤 项目名称: java俄罗斯方块 由于排名信息过于敏感,由以下方式进行. 宫成荣 = 魑,谢孝淼 = 魅,武志远 =   魉,杨柳 =  ...

  9. jsp页面has already been called for this response错误解决方法。

    创建验证码的jsp页面提示错误:has already been called for this response <%@ page contentType="image/jpeg&q ...

  10. laravel中的Contracts, ServiceContainer, ServiceProvider, Facades关系

    Contracts, ServiceContainer, ServiceProvider, Facades  Contracts 合同,契约,也就是接口,定义一些规则,每个实现此接口的都要实现里面的方 ...