1.数组的长度

var sequence = [1, 1, 2, 3, 5, 8, 13];
sequence .length //7

2.字符串转换成数组 string.split()

var myData = 'Manchester,London,Liverpool';
var myArray = myData.split(','); //["Manchester", "London", "Liverpool"]

3.数组转字符串

Array.join( ) 按照 指定的符号转换成字符串 默认是按照 ','转换成字符串

Array.toString() 返回表示指定数组及其元素的字符串

var myArray=["Manchester", "London", "Liverpool"]
var myNewString = myArray.join(',');
myNewString; //"Manchester, London, Liverpool"
var array1 = [1, 2, 'a', '1a'];
array1.toString() // "1,2,a,1a"

4添加数组元素

Array.push()将一个或多个元素添加到数组的末尾,并返回数组的新长度。

Array.unshift()方法将一个或多个元素添加到数组的开头,并返回数组的新长度。

var animals = ['pigs', 'goats', 'sheep'];
animals.push('cows');//4
animals; // ["pigs", "goats", "sheep", "cows"] var array1 = [1, 2, 3];
array1.unshift(4, 5);// 5
array1;//[4, 5, 1, 2, 3]

5.删除数组元素

Array.pop() 从数组中删除最后一项

Array.shift()从数组中删除第一个元素并返回已删除的元素。此方法更改数组的长度。

var animals = ['pigs', 'goats', 'sheep'];
animals .pop(); //"sheep"
animals ;["pigs", "goats"] var array1 = [1, 2, 3];
var firstElement = array1.shift();
array1; //[2, 3]
firstElement;//1

6.Array.isArray()

判断是否是数组 是返回true;否则false就是。

Array.isArray([1, 2, 3]);  // true
Array.isArray({foo: 123}); // false

7Array.prototype.concat()

合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

var array1 = ['a', 'b', 'c'];
var array2 = ['d', 'e', 'f'];
array1.concat(array2);// ["a", "b", "c", "d", "e", "f"]

8 Array.prototype.filter()

array.filter()提供函数实现的测试的所有元素。true的保留

var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
result;// ["exuberant", "destruction", "present"] 删除值小于10的所有元素
function isBigEnough(value) {
return value >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44] 根据搜索条件过滤数组内容
const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; const filterItems = (query) => {
return fruits.filter(el => el.toLowerCase().indexOf(query.toLowerCase()) > -1);
};
console.log(filterItems('ap')); // ['apple', 'grapes']
console.log(filterItems('an')); // ['banana', 'mango', 'orange']

9.Array.keys()

获取数组的key 键迭代器不会忽略漏洞

var arr = ['a', , 'c'];
var sparseKeys = Object.keys(arr);
var denseKeys = [...arr.keys()];
sparseKeys; // ['0', '2']
denseKeys; // [0, 1, 2]

10.Array.indexOf();

indexOf()方法返回可在数组中找到给定元素的第一个索引,如果不存在,则返回-1。

var beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
beasts.indexOf('bison');//1
beasts.indexOf('bison', 2);//4
beasts.indexOf('giraffe');//-1

11.Array.map()

map()方法创建一个新数组,其结果是在调用数组中的每个元素上调用提供的函数。

var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2);
map1;//[2, 8, 18, 32]

12 Array.reverse()

reverse()方法将阵列反转。第一个数组元素成为最后一个,最后一个数组元素成为

const a = [1, 2, 3,4];
a; // [1, 2, 3,4]
a.reverse();
a; // [4,3, 2, 1]

13 Array.slice()

slice()方法返回一个阵列的一部分的一个浅拷贝到选自新的数组对象begin到end(end不包括)。原始数组不会被修改。

var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
animals.slice(2);// ["camel", "duck", "elephant"]
animals.slice(2, 4);// ["camel", "duck"]
animals.slice(1, 5);// ["bison", "camel", "duck", "elephant"]

js 学习三 Array的更多相关文章

  1. JS学习三(函数)

    [函数的声明格式] 1.函数的声明格式: function 函数名(参数1,参数2,...){ 函数体代码 return 返回值: } 函数的调用: ① 直接调用:函数名(参数1的值,参数2的值,.. ...

  2. 原生js 学习之array 数组

    Array的原生方法:  concat(): 连接两个或更多的数组哦 join(): 把数组的所有元素放在一个字符串中 pop():删除并返回数组的最后一个元素 push():向数组的末尾添加一个元素 ...

  3. node.js学习三--------------------- http服务器模块的搭建

    /** * http服务器的搭建,相当于php中的Apache或者java中的tomcat服务器 */ // 导包 const http=require("http"); //创建 ...

  4. 我的three.js学习记录(三)

    此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头 ...

  5. Node.js基础学习三之登录功能

    本篇介绍Node.js访问数据库并返回数据给客户端 需求基于Node.js学习(二) 数据库请下载:user.sql 1.创建user 实体类(model-user.js) function User ...

  6. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  7. JS学习小结(上)

    学而时习之,不亦说乎,开启JS学习新乐章~ JS是干啥的?网页特效,它主要是实现控制结构和样式,是一种行为,有多重要,不言而喻吧,页面炫酷的资本. 1. JS输出: alert("hello ...

  8. WebGL three.js学习笔记 6种类型的纹理介绍及应用

    WebGL three.js学习笔记 6种类型的纹理介绍及应用 本文所使用到的demo演示: 高光贴图Demo演示 反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理 计算机图形学 ...

  9. Ext JS学习第十六天 事件机制event(一) DotNet进阶系列(持续更新) 第一节:.Net版基于WebSocket的聊天室样例 第十五节:深入理解async和await的作用及各种适用场景和用法 第十五节:深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G

    code&monkey   Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...

随机推荐

  1. 一、基础篇--1.1Java基础-equals与==的区别

    ==: ==比较的是变量内存中存放的对象的内存地址,用来判断两个对象地址是否相同,比较的是否是同一个对象. 1.两边的操作数必须是同一类型,不然编译不通过. 2.如果是基本数据类型比较,值相等则为tr ...

  2. Centos 6.5 Multipath 初始配置

    # This is a basic configuration file with some examples, for device mapper # multipath. # For a comp ...

  3. Oracle_Windows server ORA-01031: insufficient privileges

    PS C:\Users\admin> sqlplus / as sysdba SQL*Plus: Release 11.2.0.1.0 Production on 星期二 9月 3 10:21: ...

  4. Linux_Ubuntu之用户目录

    位于/home/user,称之为用户工作目录或家目录,表示方式: /home/user ~

  5. python学习笔记:(十一)模块

    模块是指一个包含定义的函数和变量的文件,其后缀名为.py.模块可以被别的程序引用,并使用其中的函数等功能. 1.import语句 如果需要使用模块,只需要在新模块中导入模块.使用import关键字 如 ...

  6. java:struts框架(网路静态U盘项目)

    1.网络静态U盘项目: struts.xml: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYP ...

  7. HCL试验3

    PC端配置:配置ip地址 配置网关 交换机(左)配置:①创建VLAN system-view vlan 10 vlan 20 ②配置PC端接口 interface gi 1/0/1 port link ...

  8. 【VS开发】error C2220: 警告被视为错误 - 没有生成“object”文件

    http://blog.csdn.net/cay22/article/details/5613625 这种错误的原因是:原因是该文件的代码页为英文,而我们系统中的代码页为中文. 解决方案: 1. 启动 ...

  9. java反射机制学习笔记

    内容引用自:https://www.cnblogs.com/wkrbky/p/6201098.html https://www.cnblogs.com/xumBlog/p/8882489.html,本 ...

  10. vue ----》实现打印功能

    1.安装打印相关依赖 cnpm install vue-print-nb --save 2.安装后,在main.js文件中引入 import Print from 'vue-print-nb' Vue ...