数组常用API(1)
数组常用API:
1. push
作用:数组尾部添加;
特点:可以添加一个或多个值; 返回值是数组最新的长度;会改变原数组;
示例:
var arr = [10,20,30,40];
                var result = arr.push(100);    // 也可以是arr.push(50,60,70...)
                console.log(arr);   //结果为添加100后的数组 [10,20,30,40,100]
                console.log(result); //值为5
 2.unshift
作用:数组头部添加;
特点:可以添加一个或多个值; 返回值是数组最新的长度;会改变原数组;
示例:
          var arr = [7,8,9,10];
                var result = arr.unshift(1);    // 也可以是arr.unshift(1,2,3,4...)
                console.log(arr);   //结果为添加1后的数组 [1,7,8,9,10]
                console.log(result); //值为5
 3.pop
作用:数组尾部删除;
特点: 返回值是数组最新的长度;会改变原数组;
示例:
          var arr = [7,8,9,10];
                var result = arr.pop();    
                console.log(arr);   //结果为删除10后的数组 [7,8,9]
                console.log(result); //值为3
4.shift
作用:数组头部删除;
特点: 返回值是数组最新的长度;会改变原数组;
示例:
          var arr = [7,8,9,10];
                 var result = arr.shift();    
                 console.log(arr);   //结果为删除7后的数组 [8,9,10]
                 console.log(result); //值为3
5. reverse
作用:反转数组;
特点: 返回值是反转后的数组;会改变原数组;
示例:
          var arr = [7,8,9,10];
                 var  newarr = arr.reverse();    
                 console.log(arr);   //结果为 [10,9,8,7]
                 console.log(newarr); //结果为 [10,9,8,7]
6. sort
作用:数组排序,字母表排序;
特点: 返回值是重新排序后的数组;会改变原数组;
示例:
var arr = [7,80,9,10,66];
var arr1=['b','c','a','e']
                   var  newarr = arr.sort();  //括号里不传递参数时是按照字符编码的顺序排序 ,结果为[10,66,7,80,9]
var newarr1 = arr.sort( function(a,b){
return a-b
}); 
                  console.log(arr);   //结果为 重新排序后的数组
console.log(arr1.sort());   //结果为 ['a','b','c','e']
                  console.log(newarr1); //当a-b>0,结果为 [7,9,10,66,80];当a-b<0,结果为 [80,66,10,9,7];
7. concat
作用:数组拼接;
特点: 返回值是拼接后新的数组;不会改变原数组;
示例:
var arr = [1,2,3];
var arr1= [7,8,9];
var  newarr = arr.concat(arr1);    
                  console.log(newarr); //结果为 [1,2,3,7,8,9]
8. join
作用: 将数组转换为字符串;
特点: 返回值是字符串;不会改变原数组;
示例:
var arr = [1,2,3];
var str = arr.join();
console.log(str); //结果为 1,2,3
join方法如果传递了参数,那么在转换字符串的时候,字符串会以这个参数为分隔符,不传参数默认以逗号分隔;
9. toString
作用: 将数组转换为字符串;(它能将任何数据转换成字符串,不仅仅适用于数组)
特点: 返回值是字符串;不会改变原数组;
示例:
var arr = [1,2,3];
         var str = arr.toString();
console.log(str); //结果为 1,2,3
10. slice()
作用:数组的截取;
特点:(1)当括号里是1个参数时,代表截取开始的位置,包括该下标值,直到数组尾部;
(2) 当括号里是2个参数时,第一个参数代表截取开始的位置,第二个参数代表截取结束的地方,截取时包括第1个下标的值,不包括第2个下标的值;
(3) 传递的参数可为负数,从右往左数(以-1开始),不熟练建议传正数,避免失误;
返回值是截取后的数组;不会改变原数组;
示例:
var arr = [1,2,3,4,5];
         var str1 = arr.slice(2);
var str2 = arr.slice(1,3);
var str3=arr.slice(-2);
var str4=arr.slice(-5,2);
var str5 =arr.slice(1,-2)
console.log(str1); //结果为 [3,4,5]
console.log(str2); //结果为 [2,3]
console.log(str3); //结果为 [4,5],取从右往左数第2个值,直到数组尾部
console.log(str4); //结果为[1,2];
console.log(str5); //结果为[2,3];
11. splice()
作用:实现数组的删除,插入,替换功能;
特点:(1) 1个参数,从该参数指定的位置开始删除,直到数组的末尾。
(2) 2个参数,第一个参数表示删除的起始位置,第二个参数删除的个数
(3) 2个以上,第一个参数表示删除的起始位置,第二个参数删除的个数,第三个元素以及之后元素表示插入的值
返回值:删除的元素;会改变原数组;
示例:
var arr = [1,2,3,4,5];
         var str1 = arr.splice(2);
var str2 = arr.splice(1,3);
var str3= arr.splice(1,3,6,7,8);
console.log(str1); //结果为 [3,4,5] ;改变后的arr为[1,2]
console.log(str2); //结果为 [2,3,4];改变后的arr为[1,5]
console.log(str2); //结果为 [2,3,4]改变后的arr为[1,6,7,8,5]
---恢复内容结束---
数组常用API(1)的更多相关文章
- JavaScript之数组常用API
		
这篇文章主要帮助大家简单理解数组的一些常用API用法,许多小伙伴常用方法记不住?别急,看完下面的介绍您一定就会明白各个方法是如何用的了.该文章适合新手小白看,大佬可以多多指点️! 1.数组的创建以及A ...
 - Java数组常用API
		
java.util.Arrays Arrays.asList() 数组转换成列表 String[] strArray = {"zhang", "xue", &q ...
 - 数组常用API
		
内容待添加... //根据分数排名字 //方法1 var students = ['小明','小红','小花'] var scores = {小明:,小红:,小花:} //1 添加分数到student ...
 - js数组常用api
		
数组创建 第一种,使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(10); // 创建一个包含10项的数组 ...
 - java基础3.0:Java常用API
		
本篇介绍Java基础中常用API使用,当然只是简单介绍,围绕重要知识点引入,巩固开发知识,深入了解每个API的使用,查看JavaAPI文档是必不可少的. 一.java.lang包下的API Java常 ...
 - node.js整理 02文件操作-常用API
		
NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync ...
 - JavaScript数组常用操作
		
前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...
 - Express ( MiddleWare/中间件  路由  在 Express 中使用模板引擎  常用API
		
A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...
 - JQuery常用API   核心 效果   JQueryHTML   遍历   Event事件
		
JQuery 常用API 参考资料:JQuery 官网 jQuery API 中文文档 核心 jQuery 对象 jQuery() 返回匹配的元素集合,无论是通过在DOM的基础上传递的参数还是创建 ...
 
随机推荐
- HTML——input
			
一个简单的HTML表单,包含两个文本输出框和一个提交按钮: <form action="form_action.asp" method="get"> ...
 - 一个商品SKU是怎么生成的
			
首先说一说什么是SKU.......自己百度去... 类似京东上面,未来人类S5这个台笔记本(没错,我刚入手了) 都是S5这个型号,但是因为CPU,显卡,内存,硬盘等不同,价格也不一样.CPU,显卡, ...
 - 编辑框的WM_MOUSELEAVE和WM_MOUSEHOVER使用
			
// 参考资料 // http://www.cnblogs.com/weiqubo/archive/2011/04/14/2016323.html 最近工作需要,需要自定义编辑框,改写编辑框CEdit ...
 - Contiki 2.7 Makefile 文件(三)
			
2.第二部分 这里的usage,targets,savetarget,savedefines都是伪目标. 和all不同,这些伪目标不会被执行,除非显式指定这些目标. 这里有两个目标savetarget ...
 - html5基本格式
			
html5基本格式 学习要点: HTML5 文档的基本格式 2. 开发工具的基本操作 一. 文档基本格式 <!DOCTYPE html> 文档声明,告诉计算机这是一个HTML5文档. ...
 - 分享知识-快乐自己:oracle表分区详解
			
从以下几个方面来整理关于分区表的概念及操作: 1)表空间及分区表的概念: 2)表分区的具体作用: 3)表分区的优缺点: 4)表分区的几种类型及操作方法: 5)对表分区的维护性操作: 1):表空间及分区 ...
 - Java_Path_01_路径问题
			
二.参考资料 1.java 路径问题 2.Java路径问题最终解决方案—可定位所有资源的相对路径寻址 3.Java获取文件的路径 4.Thread.currentThread().getContext ...
 - 网络编程学习笔记-listen函数
			
listen函数使用主动连接套接口变为被连接套接口,使得一个进程可以接受其它进程的请求,从而成为一个服务器进程.在TCP服务器编程中listen函数把进程变为一个服务器,并指定相应的套接字变为被动连接 ...
 - 作业2nd
			
1. 国内: 雷军作为中国互联网代表人物及环球年度电子商务创新首领人物,曾获中国经济年度人物及十大财智首领人物.中国互联网年度人物等多项国表里荣誉,并当选<福布斯>(亚洲版)2014年度贸 ...
 - 字典树Trie的使用
			
1. Trie树介绍 Trie,又称单词查找树.前缀树,是一种多叉树结构.如下图所示: 上图是一棵Trie树,表示了关键字集合{“a”, “to”, “tea”, “ted”, “ten”, “i”, ...