JavaScript基础知识(数组的方法)

数组的方法(15个)

对象数据类型;

数组成员有一个与之对应的索引

length : 代表数组成员的个数;

操作改变数组一些方法;这些数组的方法都是内置的;

// 1. 方法作用;

// 2. 方法的参数

// 3. 方法返回值

// 4. 原有的数组是否发生改变;

1.push

1): 向数组末尾新增一项;

2): 参数是新增的那一项;可以传多个;

3): 新数组的数组成员的个数;

4): 原有数组发生改变;

var ary = [12,89,89,36,0,"dsh",true,99];
ary.push(100)
ary[ary.length] = 100;
console.log(ary);

2.pop

1) : 删除数组的最后一项

2) : 不需要传参数

3) : 被删除的那一项

4) : 原有数组发生改变;

ary.pop();
delete ary[ary.length-1]
console.log(ary[7]);
ary.length--;

3:unshift

1): 向数组开头新增一项;

2): 需要传参数

3): 新数组的数组成员个数

4): 原有数组发生改变;

ary.unshift(12);
console.log(ary);

4.shift

1): 删除数组的第一项

2): 不需要传参

3): 被删除的那一项

4): 原有数组的发生改变;

ary.shift();

5.slice

1) : 数组的截取

2) :slice(m,n): 从数组索引m开始,截取到索引n,但是不包含n;[前包后不包]

slice(m) : 从索引m开始,截取到末尾;

slice():数组的克隆 slice(0);

// 索引负数: 让当前length+负数;

3) : 返回值是截取的数组

4) : 原有数组不发生改变;

var ary = [12,89,89,36,0,"dsh",true,99];
ary.slice()// 不传参;复制克隆
ary.slice(1)// 从索引1开始,截取到数组的末尾
ary.slice(2,6)// 从索引2开始,截取到索引8;但是不包含8;
//支持负数
ary.slice(6,4) // []

6.splice

1) : 删除数组中的某几项

2) : splice(m,n): 从索引开始,删除n个

splice(m) : 从索引m开始删除到末尾;

splice(0):

splice(m,x,n);替换从索引m开始,删除x个,用n替换;

3): 返回值;删除那几项,并且以数组返回

4) : 原有数组发生改变;

ary.splice(0);// 从索引0开始,删除到数组的末尾
ary.splice(1,4) // 从索引1开始,删除4项
ary.splice(1,3,5,19)// 替换
ary.splice(1,0,5)// 在索引1的前面新增一项数字5;
console.log(ary);

7.sort

1) : 数组排序

2) :参数

  • 1.sort() : 只能数组成员是相同位数的数组
  • 2.sort(function(a,b){return a-b}) 从小到大排序
  • 3.sort(function(a,b){return b-a})从大到小

    3) : 是排序之后的数组

    4) : 原有数组发生改变;

ary.sort() : 只能排数组成员位数相同的数组;
var ary = [12,8,99,67,85,1,35,66,"78"];
var ary = [1,8,5,3,2];
var ary = [123,678,987,567,345,234];
ary.sort(function (a,b) {
return a-b;
});
var newAry = ary.sort(function (a,b) {
return b-a;
});
console.log(newAry);

8.reverse

1): 将数组颠倒过来

2): 不需要传参数

3): 数组成员顺序倒过来之后的数组

4): 原有发生改变;

console.log(ary.reverse());
console.log(ary);

9.concat :

1) : 数组的拼接

2) :

  • 1.不传参数: 数组的克隆
  • 2.传参数,(数组、每一项);把传入的实参拼接新的数组中;

    3) : 拼接之后的新数组

    4) : 原有数组不发生改变;

var ary = [12,8,99,67,66,66,85,1,35,66,"78",66];
var ary1 =[1,2,3]
console.log(ary.concat([100,200,null]));
var a = ary.concat();
console.log(ary.concat());

10.join

1) : 把数组成员按照特定的字符连接成一个字符串;

2) :

  • 1.不传参数,会默认按照逗号分开
  • 2.传参数,(特定的字符)

    3) : 拼接之后的字符串

    4) :原有数组不发生改变;

console.log(ary.join("+"));//"12+8+99+67+85+1+35+66+78"
console.log(ary.join(""));//"1289967851356678"
console.log(ary.join());//"12,8,99,67,85,1,35,66,78"

11.indexOf

1) : 检测数组成员在数组中第一次出现的索引位置; 判断当前项是否在数组中存在;如果不存在,返回-1;

2): 需要参数

3): 返回在数组中第一次出现的索引;

4): 原有数组不发生改变;

console.log(ary.indexOf(66));
console.log(ary.indexOf(666));
console.log(ary.indexOf(888));

12.lastIndexOf

1) : 检测数组成员在数组中最后一次出现的索引位置; 判断当前项是否在数组中存在;如果不存在,返回-1;

2): 需要参数

3): 返回在数组中最后一次出现的索引;

4): 原有数组不发生改变;

console.log(ary.lastIndexOf(66));

13 .map

1) : 遍历数组和映射

2): 需要参数

3) : 映射之后的数组

4): 原有数组不发生改变;

var ary = [12,8,99,67,66,66,85,1,"78",66];
var total= null;
var mn = ary.map(function (item,index) {
console.log(item);//遍历数组;第一个参数就是数组成员
console.log(index);// 代表数组成员的索引
return "<li></li>>";
// 求和
total +=Number(item);
console.log(total);
console.log(mn);

14.forEach

1) : 遍历数组;没有返回值;

2) : 需要参数

3) : 返回值是undefined

4) : 原有数组不发生改变;

var bhh = ary.forEach(function (item,index) {
console.log(item);
return 10;
})
console.log(bhh);//undefined
console.log(ary);

15.toString

1) : 转字符串

2) : 不需要参数

3) : 返回一个去了中括号之后的字符串

4) : 原有数组不变;

var ary = [1,23,8,9,90]
console.log(ary.toString());// "1,23,8,9,90"
console.log([12].toString());// "12"
console.log([].toString());// ""
console.log(ary);

原文地址:https://www.cnblogs.com/CCxi/p/9449151.html

时间: 2024-10-10 11:55:36

JavaScript基础知识(数组的方法)的相关文章

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =

JavaScript基础知识梳理----正则表达式

JavaScript基础知识梳理----正则表达式 1.创建 方式:---字面量:var 变量名=/表达式/模式修饰符 ---构造函数:var 变量名=new RegExp(“表达式”,“模式修饰符”) 说明: 表达式 单个字符和数字 . 匹配除换行符之外的任意字符 [a-z0-9] 匹配方括号中的任意字符 [^a-z0-9] 匹配不在方括号中的任意字符 \d 匹配数字 \D 匹配非数字 \w 匹配字母 \W 匹配非字母 空白字符 \0 匹配null字符 \b 匹配空格符 \f 匹配进纸符 \n

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

javascript 基础知识1 数据类型

首先javascript是一种具有面向对象能力的,解释型程序设计语言. js对大小写敏感,一定要采取一致的字符大小写形式,在js中的结束分号(:)是可选的,为了避免JS语句错误,我们还是要注意添加,养成良好的编写习惯. 下面看看数据类型和值. JS有7种数据类型:字符串.数字.布尔.数组.对象.Null.Undefined 字符串类型:由Unicode字符,数字,标点符号组成的序列,可以为多个字符,也可以为0个字符. 1 <script> 2 // var用于声明一个变量 3 var stri

JavaScript基础之数组的重排序

JavaScript基础之数组的重排序 数组(Array)算是继Object之后我们最常用到的类型了.与其他语言不同的是,javascript数组的每一项可以保存任何类型的数据,并且数组的大小是可以动态调整的. JavaScript已经为我们提供了两个数组重排序的方法,reverse()和sort() 方法. 其中reverse()方法会反转数组项的顺序.举个栗子: var values = [18,4,56,1,"a","b","abc"];

javascript基础知识拾遗

1 下面列出的值被当作假 false null undefined '' 0 NaN 其它所有值被当作是真 console.log(undefined || true); //true console.log(0||true); //true console.log(''||true); //true console.log(false||true); //true console.log(null||true); //true console.log(NaN||true); //true co

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

JavaScript基础知识3

JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里 JavaScript基础知识3