javaScript的Array方法
仅个人总结
声明方法:
var arr = new Array();
var arr = new Array(1,2,3,4,5);
var arr = new array(size);//当为一个参数且为数字是,为声明数组长度。
var arr = [];
var arr= [1,2,3,4,5]
Array对象属性方法:
length:设置或返回数组中元素的数目,即数组长度;
prototype:数组的原型链,可以在原型链上添加属性和方法;
constructor:用的少,返回对创建此对象的数组函数的引用。
Array对象方法:
concat():两个数组拼接,不改变原数组,合并成一个新的数组。
var a = [1,2,3],b = [4,5,6];var c = a.concat(b);
console.log(a);//[1,2,3]
console.log(b);//[4,5,6]
console.log(c);//[1, 2, 3, 4, 5, 6]
注,谁写前面谁的数组对象内容就在前面。
附加:concat会进行一次数组转换,a.concat(4);输出[1,2,3,4];
join(): 将数组默认按照逗号的方式凭借为字符串;
var a = [1,2,3];
var str = a.join();
console.log(str);//1,2,3
var str = a.join('-');//自定义分割方式
console.log(str);//1-2-3
注:字符串的split()可以将字符串转化为数组,括号内为自己定义的分割方式。
pop(): 删除并返回数组最后一个元素;
var a = [1,2,3];
var c = a.pop();
console.log(a);//[1,2]
console.log(c);//
shift(): 删除并返回数组的第一个元素,和pop()雷同;pop删末尾,shift删前面
push(): 向数组末尾添加数,不限制个数,这点有点和concat相同,但不属于数组拼接,写数组会被当成一个数处理;并返回数组长度;
var a = [1,2,3];var len = a.push(5);
// a = [1,2,3,5];len = 4;
var a = [1,2,3];var len = a.push(5,6);
// a = [1,2,3,5,6];len = 5;
var a = [1,2,3];var len = a.push([5,6]);
// a = [1,2,3,[5,6]];len = 4;
unshift(): 向数组的开头添加一个或更多元素,并返回新的长度。和push()雷同;push在后,unshift在前
reverse(): 将数组进行翻转、颠倒;
var a = [1,2.3];var c = a.reverse();
// a = [3,2,1];c = [3,2,1];
slice(): 从数组选择指定范围的数组成新数组并返回;选择区间属于半开半闭区间;前包含后不包含;
例slice(2,4)相当于 [2,4);从下标2开启取到下标4,但不包含下标4。
var a = [1,2,3,4,5,6];var c = a.slice(2,4);
// a = [1,2,3,4,5,6]; c = [3,4];
splice(): 删除元素,并向数组添加新元素。array.splice(起始下标,删除数量,新添加的数组元素);可以填三个参数,
第一个参数必填,后面两个选填,第二个参数不填默认第一个定义参数下标后面全部删除;
当然三个参数都不填也可以,只是没效果而已,不会报错。
var a = [1,2,3,4,5,6];var c = a.splice(2)
// a = [1,2];c = [3,4,5,6];
var a = [1,2,3,4,5,6];var c = a.splice(2,2)
// a = [1,2,5,6];c = [3,4];
var a = [1,2,3,4,5,6];var c = a.splice(2,2,9)
// a = [1,2,9,5,6];c = [3,4];\
var a = [1,2,3,4,5,6];var c = a.splice(2,2,'a','a','a')
// a = [1,2,'a','a','a',5,6];c = [3,4];
var a = [1,2,3,4,5,6];var c = a.splice(2,2,[9,9])
// a = [1,2,[9,9],5,6];c = [3,4];
sort(): 对数组进行排序,如果是字符串,默认按AscII进行排序;
var a = [4,3,7,2,6]; var c = a.sort();
// a = [2, 3, 4, 6, 7];c = [2, 3, 4, 6, 7];
var a =[3,5,6,'10','21', '22', '33']; var c = a.sort();
// a = ["10", "21", "22", 3, "33", 5, 6];c = ["10", "21", "22", 3, "33", 5, 6];
注:json无法直接sort排序
var a =[{id:9,name:'张三'},{id:6,name:'李四'},{id:8,name:'王五'}];
var c = a.sort(function(a,b){ return a.id-b.id;});
// a = [{id:6,name:'李四'},{id:8,name:'王五'},{id:9,name:'张三'}];
toString(): 将数组直接转化为字符串;不能加入参数
var a = [1,2,3];var c = a.toString();
// a = [1,2,3]; c = 1,2,3;
注 json中有个JSON.stringify();方法也可转字符串,不过有点区别;
var a = [1,2,3];var c = JSON.stringify(a);
// a = [1,2,3]; c = '[1,2,3]';
toLocaleString(): 把数组转换为本地数组,并返回结果。和toString()雷同;
一般情况下使用toString,带类型的使用toLocaleString,例如时间。
valueOf(): 返回数组对象的原始值;可以用于判断对象原型。用的不多,不介绍。
toSource(): 返回对象的源代码,只有火狐浏览器能用,兼容性差。还是算有点用,但是属于没法用,如果实在需要用自己做一个兼容处理,不过多介绍。
ES6 新增:
今天先写到这,后面再慢慢补
javaScript的Array方法的更多相关文章
- JavaScript中Array方法总览
title: JavaScript中Array方法总览 toc: true date: 2018-10-13 12:48:14 push(x) 将x添加到数组最后,可添加多个值,返回数组长度.改变原数 ...
- JavaScript 数组(Array)方法汇总
数组(Array)常用方法; 数组常用的方法:concat(),every(), filter(), forEach(), indexOf(), join(), lastIndexOf(), map ...
- javaScript之Array方法
Array类型和其他语言一样,是数据的有序列表,但不同的是数组的每一项们可以保存任何类型的数据. 1.检测方法(确定某个对象是不是数组) (1)value instanceof Array (2)Ar ...
- JavaScript 数组(Array)方法(二)
forEach ES5新增的方法,Arr.forEach((value, index,array)=>{}); let arr=['a','b','c']; arr.forEach((val,i ...
- js Array 方法总结
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- javascript数组Array强大的splice()方法
javascript的Array数组提供了强大的splice()方法, 用于对数组元素的增删改 1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 删除: ...
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- Javascript数组Array的forEach方法
Javascript数组Array的forEach扩展方法 forEach是最常用到的数组扩展方法之一,相当于参数化循环数组,它简单的在数组的每一个元素上应用传入的函数,这也意味着只有存在的元素会被访 ...
- Javascript Array 方法整理
Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...
随机推荐
- JavaWeb-SpringSecurity自定义登陆页面
系列博文 项目已上传至guthub 传送门 JavaWeb-SpringSecurity初认识 传送门 JavaWeb-SpringSecurity在数据库中查询登陆用户 传送门 JavaWeb-Sp ...
- JavaWeb_(Struts2框架)Log4j的配置以及解决中文乱码
此系列博文基于同一个项目已上传至github 传送门 JavaWeb_(Struts2框架)Struts创建Action的三种方式 传送门 JavaWeb_(Struts2框架)struts.xml核 ...
- 2018-2019-2 20165215《网络对抗技术》Exp8 Web基础
目录 实验内容 基础问题回答 实验步骤 (一)Web前端HTML (二) Web前端javascipt (三)Web后端:MySQL基础:正常安装.启动MySQL,建库.创建用户.修改密码.建表 (四 ...
- 【转】Microsoft SQL Server 2008 R2 官方简体中文正式版下载(附激活序列号密钥)
原文: https://www.bensblog.cn/1238.html
- Java-数据类型与编码(ASCII、Unicode 和 UTF-8)
机械硬盘硬件结构(了解)https://diy.pconline.com.cn/cpu/study_cpu/1009/2215404_all.html 一.数据储存单位 1.bit(位) https: ...
- LC 959. Regions Cut By Slashes
In a N x N grid composed of 1 x 1 squares, each 1 x 1 square consists of a /, \, or blank space. Th ...
- 使用ViewFlipper实现广告图片的自动轮播的效果
轮播资源图片的实现 package com.loaderman.viewflipperdemo; import android.os.Bundle; import android.support.v7 ...
- WCF绑定(Binding)
一个Binding由一个有序的binding元素栈所组成,其中的每一个元素都指定了连接到ServiceEndpoint的一个方面.在这个栈中的最底两层都是必须要有的.最底下的一层是传输binding元 ...
- RxJava2实战---第六章 条件操作符和布尔操作符
RxJava2实战---第六章 条件操作符和布尔操作符 RxJava的条件操作符主要包括以下几个: amb():给定多个Observable,只让第一个发射数据的Obsrvable发射全部数据. de ...
- k8s报错日志查看
看系统日志 cat /var/log/messages 用kubectl 查看日志 # 注意:使用Kubelet describe 查看日志,一定要带上 命名空间,否则会报如下错误[root@node ...