1.创建数组的几种方法
            //a).通过new来创建数组,new可以省略
var arr=new Array();
var arr=Array();
//b). .通过new来创建数组,并且赋值
var arr=new Array(1,2,3);
//c).中括号直接创建
var arr=[]; //常用
//d).中括号直接创建 ,并且赋值
var arr=[1,2,3]

 2. 数组中的方法:

//1.push() :给数组的末尾添加元素。格式: 数组.push(参数, 参数...);
var arr=['a','b','c'];
var temp=arr.push('d');
console.log(arr); //'a','b','c','d' ,原数组已改变
console.log(temp); //4, 返回的是添加元素后数组的长度

  

//2.pop()  : 格式: 数组.pop()  ,删除数组最后一个元素
var arr=['a','b','c'];
var temp=arr.pop();
console.log(arr); //'a','b' ,原数组已改变
console.log(temp); //c, 返回的是去掉的元素

  

//3.shift():   格式: 数组.shift()	删除数组的第一个元素
var arr=['a','b','c'];
var temp=arr.shift();
console.log(arr); //'b','c' ,原数组已改变
console.log(temp); //a, 返回的是去掉的元素

  

  

//4.unshift(参数, 参数...):格式:数组.unshift()    给数组 首位添加元素
    var arr=['a','b','c'];
var temp=arr.unshift('d','e');
console.log(arr); //'a','b','c','d','e' ,原数组已改变
console.log(temp); //5, 返回的是添加元素后数组的长度

  

//     5.concat(): 数组的合并 ,  格式: 数组1.concat(数组2);
var arr1=['a','b'];
var arr2=['c','d'];
var temp=arr1.concat(arr2);
console.log(arr1); //'a','b' ,原数组arr1不变
console.log(arr2); //'c','d' ,原数组arr2不变
console.log(temp); //"a,b,c,d" 返回的是新数组

  

//     6.slice(): 数组的截取 ,  格式: 数组.slice(start, end);
var arr=['a','b','c','d','e','f'];
var temp=arr.slice(2,4);
console.log(arr); // "a,b,c,d,e,f" ,原数组arr不变
console.log(temp); //"c,d" ,返回的是截取下来的新数组

  

//    7.splice():
// 7.1数组的删除功能:
var arr=['a','b','c','d','e','f'];
var temp=arr.splice(2,4);
console.log(arr); // "a,b" ,原数组arr已变
console.log(temp); //"c,d,e,f" ,返回的是删掉的数组
// 7.2 数组的插入功能:
var arr=['a','b','c','d','e','f'];
var temp=arr.splice(2,0,'g','h');
console.log(arr); // "a,b,g,h,c,d,e,f" ,原数组arr已变 ,无返回数组。
// 7.3 数组的替换功能:
var arr=['a','b','c','d','e','f'];
var temp=arr.splice(2,1,'g');
console.log(arr); // "a,b,g,d,e,f" ,原数组arr已变 。
console.log(temp); // "c ,返回的是替换掉的元素。

  

//     8. reverse()  数组的翻转:
var arr=['a','b','c','d','e','f'];
var temp=arr.reverse();
console.log(arr); // "f,e,d,c,b,a" ,原数组arr已变 。
console.log(temp); // "f,e,d,c,b,a" ,返回的是翻转后的数组。

  

//     9. join()  表示数组转换成字符串:
var arr=['a','b','c','d','e','f'];
var temp=arr.join('-');
console.log(arr); // "a,b,c,d,e,f" ,原数组arr不变 。
console.log(temp); // "a-b-c-d-e-f" ,这里以‘-’进行分割,返回的是分割 后的数组。

  

//     10. split()  字符串转换成数组:
var str='abc-def-ghi-jk';
var temp=str.split('-');
console.log(str); // "abc-def-ghi-jk" ,原字符串不变 。
console.log(temp); // "abc,def,ghi,jk" ,这里以‘-’进行分割,返回的是分割 后的数组。

  

//     11. sort()  数组的翻转:
//字符进行排序
var arr1=['f','e','d','c','b','a'];
var temp1=arr.sort();
console.log(arr1); // "a,b,c,d,e,f" ,原数组arr已变 。
console.log(temp1); // "a,b,c,d,e,f" ,返回的是从小到大排序的数组。
//数字进行排序
var arr2=[5,4,3,2,1,0];
var temp2=arr2.sort();
console.log(arr2); // "0,1,2,3,4,5" ,原数组arr已变 。
console.log(temp2); // "0,1,2,3,4,5" ,返回的是从小到大排序的数组。缺点:只能排序一位数的数组 var arr3=[22,34,1,4,0,25]
function compareArr(val1,val2){
if(val1>val2){
return 1;
}else if(val1<val2){
return -1; }else{
return 0;
}
}
console.log(arr3.sort(compareArr)); //‘0,1,4,22,25,34’ ,结合compareArr()方法可以排序任意位数的数组

  

//       12.indexOf():  格式: 数组.indexOf(要查找的元素, 开始查找的下标);
var arr=['a','e','c','d','e','f'];
console.log(arr.indexOf('e',2)); //4 返回所需要查找的元素的下标
console.log(arr.indexOf('c')); //2 返回所需要查找的元素的下标

  

//       13.forEach():遍历数组      格式: 数组.forEach(function(item, index, array){});
var arr=['a','e','c','d','e','f']; arr.forEach(function(item, index, array){
console.log(item); //a/b/c/d/e/f 返回每一个元素
console.log(index); //返回每一个元素对应的下标
console.log(array); //返回整个数组
})

  

//       14.map():遍历数组      格式: 数组.map(function(value,key){});
var arr=[1,2,3,4,56];
var arr2= arr.map(function(value,key){
console.log(value); //a/b/c/d/e/f 返回每一个元素
console.log(key); //返回每一个元素对应的下标
return value*2 //可以修改每个元素的值,返回一个新数组
}) console.log(arr); //1,2,3,4,56
console.log(arr2); //2,4,6,8,112

  

  

JavaScript中数组中的方法:push()、pop()、shift()、unshift()、slice()、splice()、reverse()、join()、split()、concat()、indexOf()、forEach()、map()、的更多相关文章

  1. 数组方法push() pop() shift() unshift() splice() sort() reverse() contact()浅拷贝 slice()原数组拷贝

    push() pop() shift() unshift() splice() sort() reverse() 参考资料:https://wangdoc.com/javascript/stdlib/ ...

  2. Perl 数组应用详解(push, pop, shift, unshift)

    Perl的数组操作有四大常用函数: push:从数组的末尾加入元素.pop :从数组的末尾取出元素 shift: 从数组的开头取出元素unshift:从数组的开头加入元素 1.push #!/usr/ ...

  3. js数组方法push pop shift unshift的返回值

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. pop() 方法用于删除并返回数组的最后一个元素. unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度. s ...

  4. js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip

    push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...

  5. Js数组的操作push,pop,shift,unshift等方法详细介绍

    js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首 先来讲一下push和pop方法,这两个方法只会对数组从尾 ...

  6. js数组的操作push,pop,shift,unshift

    push(args)可以每次压入多个元素,并返回更新后的数组长度. var oldArr=[1,2,3]; alert(oldArr.push(4,[5,6]))–>5(这里只会将[5,6]当做 ...

  7. Vue push() pop() shift() unshift() splice() sort() reverse() ...

    Vue 变异方法 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. pop() 方法用于删除并返回数组的最后一个元素. shift() 方法用于把数组的第一个元素从其中删除,并返回 ...

  8. js push(),pop(),shift(),unshift()

    以前没有太在意这些,这几天看<Javascript 设计模式与开发实践>(不得不说这是一本好书) 发现总是会用到这几个函数,可是有什么区别呢?? 简单来说是两套东西(数据结构时老师详细的讲 ...

  9. Js~数组的操作push,pop,shift,unshift

    说几个概念: 队列:先进先出堆栈:先进后出 shift:从集合中把第一个元素删除,返回这个元素的值pop:从集合中把最后一个元素删除,返回这个元素的值 unshift:在集合开头添加一个或者多个元素, ...

  10. JavaScript从数组中删除指定值元素的方法

    本文实例讲述了JavaScript从数组中删除指定值元素的方法.分享给大家供大家参考.具体分析如下: 下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个 ...

随机推荐

  1. SQLite之C#连接SQLite

    SQLite是一个开源.免费的小型的Embeddable RDBMS(关系型数据库),用C实现,内存占用较小,支持绝大数的SQL92标准,现在已变得越来越流行,它的体积很小,被广泛应用于各种不同类型的 ...

  2. linux c语言开发工具

    ---恢复内容开始--- C语言编译全过程剖析 编译的概念:编译程序读取源程序(字符流),对之进行词法和语法的分析,将高级语言指令转换为功能等效的汇编代码,再由汇编程序转换为机器语言,并且按照操作系统 ...

  3. python爬虫-基础入门-爬取整个网站《2》

    python爬虫-基础入门-爬取整个网站<2> 描述: 开场白已在<python爬虫-基础入门-爬取整个网站<1>>中描述过了,这里不在描述,只附上 python3 ...

  4. BDD 与DSL 入门

    正文: Behavior Driven Development,行为驱动开发是一种敏捷软件开发的技术,它鼓励软件项目中的开发者.QA和非技术人员或商业参与者之间的协作.在了解Behavior Driv ...

  5. python入门之列表

    1.列表基本格式# list 类 列表li = [1, 2, 3, "sb", ["时间",[9, 10], "huang"], 6, 7, ...

  6. EL的隐含对象(一)【页面上下文对象】

    页面上下文对象为pageContext,用于访问JSP内置对象(例如:request.response.out.session.exception.page等)和ServletContext.在获取到 ...

  7. IntelliJ IDEA 2017.3/2018.1 激活

    传统的License Server方式已经无法注册IntelliJ IDEA2017.3的版本了. http://idea.lanyus.com,这个网站有破解补丁和注册码两种方式,另外http:// ...

  8. Vue系列之 => 使用第三方animated.css动画

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. html5-表单的综合实例

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  10. ★★★kalinux 常用命令

    1.修改密码: sudo  passwd  root 2.重启:reboot ====================================== arch 显示机器的处理器架构(1) una ...