JS 数组相关操作
push()可以将某些值加入到数组的最后一个位置,并且不限制添加数量(注:数组长度是有限制的),如果需要添加多项内容使用逗号隔开即可,加入后数组长度会增加。
let a=[1,2,3,4,5,6,7,8];
a.push(9,10);
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
pop()会移除数组的最后一个元素。
let a=[1,2,3,4,5,6,7,8];
a.pop();
console.log(a);// [1, 2, 3, 4, 5, 6, 7]
shift() 会移除数组的第一个元素。
let a=[1,2,3,4,5,6,7,8];
a.shift();
console.log(a);// [2, 3, 4, 5, 6, 7, 8]
unshift() 会将指定的元素添加到数组的第一个位置。
let a=[1,2,3,4,5,6,7,8];
a.unshift(100,200,300);
console.log(a);// [100, 200, 300, 1, 2, 3, 4, 5, 6, 7, 8]
reverse()会将数组反转
let a=[1,2,3,4,5,6,7,8];
a.reverse();
console.log(a);// [8, 7, 6, 5, 4, 3, 2, 1]
splice()可以移除或新增数列的元素,它包含了三个参数,第一个是要移除或要添加的序列号( 必填),第二个是要移除的长度( 选填,若不填则从第一个参数序号位置开始,后方的所有元素都会被移除,若设定为0则不会有元素被移除),第三个是要替换的内容( 选填 )
let a=[1,2,3,4,5,6,7,8];
a.splice(5,1);
console.log(a);// [1, 2, 3, 4, 5, 7, 8] ( 6 被移除了 )
添加第三个参数就能够添加或替换元素。
let a=[1,2,3,4,5,6,7,8];
a.splice(5,1,100);
console.log(a);// [1, 2, 3, 4, 5, 100, 7, 8] ( 6 被移除,100加到第5个位置 )
let b=[1,2,3,4,5,6,7,8];
b.splice(5,3,100,200,300);
console.log(b);// [1, 2, 3, 4, 5, 100, 200, 300] ( 6,7,8 被移除,100,200,300 加到第 5,6,7 个位置 )
let c=[1,2,3,4,5,6,7,8];
c.splice(5,0,100);
console.log(c);// [1, 2, 3, 4, 5, 100, 6, 7, 8] ( 没有元素被移除,100 加到第 5 个位置 )
sort()可以针对数组的元素进行排序,里头包含了一个排序用的判断函数,函数内必须包含两个参数,这两个参数分别代表数组里的第n个和第n+1 个元素,通过比较第n和第n+1个元素的大小来进行排序。
let a=[1,3,8,4,5,7,6,2];
a.sort((x,y)=>y-x);
console.log(a);// [8, 7, 6, 5, 4, 3, 2, 1]
a.sort((x,y)=>x-y);
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8]
如果不使用判断函数, 默认会将元素转换成字串,并采用unicode来判断 ,这也会造成某些数字的排序错误,如下段示例:
let a=[1,3,8,4,5,7,6,2,9,10,11];
a.sort();
console.log(a);// [1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9]
copyWithin()能复制数组中的某些元素,并将它们放到同一个数组指定的位置,copyWithin()有三个参数,第一个是要置换的位置(必填),第二个是从什么位置开始复制(选填,预设0 ),第三个是停止复制的元素的前一个位置(选填,默认值等于数组长度)。
let a=[1,2,3,4,5,6,7,8];
a.copyWithin(2);
console.log(a);// [1,2,1,2,3,4,5,6] ( 因 7 和 8 超过数组长度,只出只复制到6 )
let b=[1,2,3,4,5,6,7,8];
b.copyWithin(3,1,3);
console.log(b);// [1,2,3,2,3,6,7,8] ( 复制 2,3 取代 4,5 )
fill()会把数组中所有元素,置换为指定的值,fill()有三个参数,第一个是准备要置换的内容(必填),第二个是从什么位置开始置换(选填,不设定就全部置换) ,第三个是停止置换的元素的前一个位置(选填,预设等于数组长度)。
let a=[1,2,3,4,5,6,7,8];
a.fill(‘a’);
console.log(a);// [‘a’,’a’,’a’,’a’,’a’,’a’,’a’,’a’]
let b=[1,2,3,4,5,6,7,8];
b.fill(‘b’,3,5);
console.log(b);// [1,2,3,’b’,’b’,6,7,8]
length可以取得数组的长度。
let a=[1,2,3,4,5,6,7,8];
console.log(a.length);// 8
indexOf() 会判断数组中是否包含某个值,判断的方式为「由左而右」,如果有包含就返回这个值在数组中的索引值,如果没有就返回-1,有两个参数,第一个参数表示要判断的值( 必填),第二个参数表示从数组的哪个位置开始判断( 选填,预设为0 )。
let a=[1,2,3,4,5,6,7,8];
console.log(a.indexOf(4));// 3
console.log(a.indexOf(4,5));// -1 ( 在6,7,8中搜索有没有4 )
lastIndexOf() 会判断数组中是否包含某个值,判断的方式为「由右而左」,如果有包含就返回这个值在数组中的索引值,如果没有就返回-1,这个方法有两个参数,第一个参数表示要判断的值( 必填),第二个参数表示判断从数组的哪个位置开始从右往左查找( 选填,默认为整个数组长度-1 )。
let a=[1,2,3,4,5,6,7,8];
console.log(a.lastIndexOf(3));// 2
console.log(a.lastIndexOf(3,1));// -1 ( 只在1,2中判断,所以没有 3 )
find()会将数组中的「每一个」元素带入指定的函数内做判断,并会返回第一个符合判断条件的元素,如果没有元素符合则会返回undefined。
let a=[1,2,3,4,5,6,7,8];
console.log(a.find(e=>e>3));// 4
console.log(a.find(e=>e<0));// undefined
findIndex()会将数组中的「每一个」元素带入指定的函数内做判断,并会返回第一个符合判断条件元素的位置索引,如果没有元素符合则会返回-1。
let a=[1,2,3,4,5,6,7,8];
console.log(a.findIndex(e=>e>3));// 3
js修改数组中的某一值 js修改数组中的某个元素
console.log(a.findIndex(e=>e<0));// -1
filter()会将数组中的「每一个」元素带入指定的函数内做判断,如果元素符合判断条件则会返回,组成一个新的数组。
let a=[1,2,3,4,5,6,7,8];
console.log(a.filter(e=>e>3));// [4, 5, 6, 7, 8]
console.log(a.filter(e=>e%2==0));// [2, 4, 6, 8]
forEach()会将数组中每个元素套用到指定的函数里进行运算,函数有三个参数,第一个参数表示每个元素的值( 必填),第二个参数为该元素的索引值( 选填),第三个参数则表示原本的数组( 选填)。
let a=[1,2,3,4,5];
let b=0;
a.forEach(item=>{b=b+item;});
console.log(b);// 15 ( 1+2+3+4+5 )
如果结合第二和第三个参数进行搭配使用,就能做到改变原本数组的效果。
let a=[1,2,3,4,5];
a.forEach((item,index,arr)=>{arr[index]=item*10;});
console.log(a);// [10,20,30,40,50]
join()可以将数组中所有元素,变成由指定的字符分割合并在一起组合成字符串进行呈现,若没有指定字符默认会用「逗号」合并。
let a=[1,2,3,4,5,6,7,8];
console.log(a.join());// 1,2,3,4,5,6,7,8
console.log(a.join(”));// 12345678
console.log(a.join(‘@@’));// 1@@2@@3@@4@@5@@6@@7@@8
concat()可以将两个数组合并在一起,如果是使用ES6语法也可以用扩展运算符…来代替。
let a=[1,2,3,4,5];
let b=[6,7,8,9];
let c=a.concat(b);
let d=[…a,…b];// 使用 …
console.log(c);// [1,2,3,4,5,6,7,8,9]
console.log(d);// [1,2,3,4,5,6,7,8,9]
slice()可以截取出数组某部份的元素为一个新的数组,有两个必填的参数,第一个是起始位置,第二个是结束位置( 操作时数字减1 )。
let a=[1,2,3,4,5,6,7,8];
let b=a.slice(2,4);
console.log(b);// [3, 4]
map()会处理数组中每个元素,最后返回一个新的数组,里头有一个函数( 必填) 和一个返回函数里的this参数( 选填),函数内又包含三个参数,第一个是每个元素的值( 必填),第二个是当前元素的索引值( 选填),第三个是当前的数组( 选填)。
let a=[1,2,3,4,5,6,7,8];
let b=a.map(e=>{returne+10;});
console.log(b);// [11, 12, 13, 14, 15, 16, 17, 18]
使用第二个和第三个参数的示例:
let a=[1,2,3,4,5,6,7,8];
let b=a.map((e,i,arr)=>{return`${e}${i}${arr.find(e=>e%5==1)}`;// 组合成「元素 + 索引值 + 除以五余数为1的第一个元素」});
console.log(b);// [‘101’, ‘211’, ‘321’, ‘431’, ‘541’, ‘651’, ‘761’, ‘871’]
如果要使用回调函数里this的参数,则「不能使用」箭头函数,因为箭头函数的this指向和函数的this指向不同,所以要用一般的函数处理。
let a=[1,2,3,4,5,6,7,8];
let b=a.map(function(e){
returne+this;// 此处的 this为10
},10);
console.log(b);// [11, 12, 13, 14, 15, 16, 17, 18]
reduce() 可以将数组中每个元素进行计算,每次计算的结果会再与下个元素作计算,直到结束为止,里头包含一个函数( 必填) 和初始计算的数值( 选填),函数内有四个参数,第一个是计算的值( 必填),第二个是取得的元素(必填),第三个是该元素的索引值( 选填),第四个是原本的数组(选填)。
let a=[1,2,3,4,5,6,7,8];
let b=a.reduce(function(total,e){returntotal+e;});
console.log(b);// 36 ( 1+2+3+4+5+6+7+8=36 )
reduceRight() 和reduce()大同小异,只是其计算方式是由右到左,对于加法来说没什么影响,但对于减法而言就有差异。
let a=[1,2,3,4,5,6,7,8];
let b=a.reduce(function(total,e){returntotal-e;});
console.log(b);// -34 ( 1-2-3-4-5-6-7-8 = -34 )
let c=a.reduceRight(function(total,e){returntotal-e;});
console.log(c);// -20 ( 8-7-6-5-4-3-2-1 = -20 )
flat()可以将一个多维数组的深度转成一维(扁平化或称作降维),它有一个选填的参数,代表要转换的深度数字,预设为1(只展开一层放到一维数组里,如果是2,只展开2层放到一维数组里),如果深度有很多层,可使用Infinity来全部展开成一维数组。
let a=[1,2,[3],[4,[5,[6]]]];
let b=a.flat();
let c=a.flat(2);
let d=a.flat(Infinity);
console.log(b);// [1, 2, 3, 4, [5, [6]]]
console.log(c);// [1, 2, 3, 4, 5, [6]]
console.log(d);// [1, 2, 3, 4, 5, 6]
flatMap()的方法等于map()和flat()的组合,在运算后直接将数组扁平化处理。
let a=[1,2,[3],[4,5]];
let b=a.flatMap(e=>e+1);
let c=a.map(e=>e+1).flat();
console.log(b);// [2, 3, “31”, “4,51”] ( 可以看到 b 和 c 得到的结果相同 )
console.log(c);// [2, 3, “31”, “4,51”]
Array.isArray()能判断一个元素是否为数组,如果是就返回true,不然就返回false。
let a=[1,2,3,4,5,6,7,8];
let b=123;letc=’hello’;
let d={d1:1,d2:2};
console.log(Array.isArray(a));// true
console.log(Array.isArray(b));// false
console.log(Array.isArray(c));// false
console.log(Array.isArray(d));// false
Array.from()会将「类数组」或是「可迭代的对象」转换成数组,Array.from()有两个参数,第一个参数为「类数组对象」或「可迭代的对象」(必填),第二个参数则是改变转换成数组元素的函数(选填)。
类数组对象具有length 属性以及索引化index 的元素,可迭代对象表示具有可以利用迭代的方式取得它自己本身的元素,例如Map 和Set…等。( 参考MDN 说法 )
let a=’abcde’;
let b=Array.from(a);
console.log(b);// [‘a’,’b’,’c’,’d’,’e’]
let c=Array.from(a,e=>e+e);
console.log(c);// [‘aa’,’bb’,’cc’,’dd’,’ee’]
类数组对象写法必须包含length 属性,且对象的key须为0开始的数字,对应转换后的元素索引。
let a={‘0′:14,’2′:13,’1′:7,’3′:9,’4’:6,length:5};
let b=Array.from(a);
console.log(b);// [14,7,13,9,6]
Array.of()可以快速将数字、字串等内容,转换成数组。
let a=Array.of(1,’a’,2,’b’,3);
console.log(a);// [1, “a”, 2, “b”, 3]
toString()会把整个数组转换成字符串。
let a=[1,2,3,4,5,6,7,8];
let b=a.toString();
console.log(b);// 1,2,3,4,5,6,7,8
every()会将数组中的「每一个」元素带入指定的函数内做判断,只要有任何一个元素不符合判断条件,会回返回false,如果全部符合,就会回传true。
let a=[1,2,3,4,5,6];
console.log(a.every(e=>e>3));// fasle ( 因为1、2 小于 3,3 等于 3 )
console.log(a.every(e=>e>0));// true
some()会将数组中的「每一个」元素带入指定的函数内做判断,只要有任何一个元素符合判断条件,就会返回true,如果全都不符合,才会返回false。
let a=[1,2,3,4,5,6];
console.log(a.some(e=>e>3));// 返回 true,因为 4、5、6 大于 3
console.log(a.some(e=>e>6));// 返回 fasle,因为全都小于或等于 6
includes()会判断数组中是否包含某个值,如果有包含就返回true,否则返回false,有两个参数,第一个参数表示要判断的值( 必填),第二个参数表示从数组的哪个位置开始判断( 选填)。
let a=[1,2,3,4,5,6,7,8];
console.log(a.includes(2));// true
console.log(a.includes(2,2));// false ( 在 3,4,5,6,7,8 查找有没有 2 )
valueOf()会返回数组的原始值,如果原本的数组有修改,那么返回的原始值也会跟着改变(相当浅复制)
let a=[1,2,3,4,5,6,7,8];
let b=a.valueOf();
console.log(a);// [1, 2, 3, 4, 5, 6, 7, 8]
let c=a.valueOf();
a.shift();
console.log(a);// [2, 3, 4, 5, 6, 7, 8]
console.log(b);// [2, 3, 4, 5, 6, 7, 8] ( 因为 a 的原始值更新了,所以 b 也变了 )
console.log(c);// [2, 3, 4, 5, 6, 7, 8]
keys()会返回数组中的每一个索引值( key )成为一个新的Array Iterator对象,因为是Array Iterator对象,可以使用for…of进行迭代。
let a=[‘a’,’b’,’c’,’d’,’e’];
let b=a.keys();
for(let key of b){
console.log(key);// 1、2、3、4、5
}
js 中复制新的数组 原数组删除某个值 新复制的数组值不变
var a = [1,2,3,4]; //原数组
var b = [ ].concat(a); //复制后的数组
var c= a.pop(); //元素组删除最后一个元素之后的数组
如何在javascript 二维数组中添加数据删除修改数据
JavaScript中,由于数组长度是可变的,因此可以通过直接定义新的成员而将其添加到数组中:
var o = [2,3,5];
o[3] = 7;
console.log(o);//[2,3,5,7]
除了这种方法,还可以通过使用push()语句来达到相同的目的:
o.push(11);
js修改数组中的某一值 js修改数组中的某个元素
console.log(o);//[2,3,5,7,11]
o.push(13,17);
console.log(o);//[2,3,5,7,11,13,17]
如果需要在数组开头添加新的成员,可以使用unshift()语句:
o.unshift(2014);
console.log(o);//[2014,2,3,5,7,11,13,17]
o.unshift(2013, 2012);
console.log(o);//[2013,2012,2014, 2,3,5,7,11,13,17]
与push()对应,如果需要从数组末尾删除一个成员,可以使用pop()语句,pop()语句将返回这个被删除的成员,而数组长度将减少1:
var p = o.pop();
console.log(p);//17
console.log(o.length);//9
与unshift()对应,如果需要从数组开头删除一个成员,可以使用shift()语句,shift()语句将返回这个被删除的成员,而数组长度将减少1:
var s = o.shift();
console.log(s);//2013
console.log(o.length);//8
除了shift()语句和pop()语句,还可以通过delete操作符来删除数组中的成员。与shift()和pop()不同的是,delete操作后数组的length属性将保持不变,也即数组将变得不连续。
JavaScript中还可以通过设定数组的length属性来对数组进行修改:当length值小于数组成员数时,JavaScript将对数组进行截取;当length值大于数组成员数时,JavaScript会将数组变得不连续。如果length值只读,那么在数组中直接定义新成员的操作将会失败:
console.log(o);//[2012,2014, 2,3,5,7,11,13]
o.length = 2;
console.log(o);//[2012,2014]
o.length = 4;
console.log(o);//[2012,2014,undefined,undefined]
var a = [1,2,3];
Object.defineProperty(a, “length”, {writable:false});
a[3] = 4;
console.log(a);//[1,2,3]
JS去除数组中重复的数字
利用js中对象的特性(对象中属性具有唯一性)将数组中重复的数值项去掉。
例如数组:
var arr = [35,2,1,2,10,2,3,5,10,13];
1.将数组转换为对象
var toObject = function (arr) { var obj = {}; // 声明一个对象容器 var j; for(var i = 0; j = arr.length, i
2.将对象转化为数组
function keys(obj){ var arr = []; // 私有对象 for(var attr in obj) { // 判断对象是否有attr属性 if(obj.hasOwnProperty(attr)){ arr.push(attr); // 将对象属性的键放到数组中 } } return arr; }
3.调用这两个方法
function uniq(newArr) { return keys(toObject(newArr)); }
这样就可以把数组中重复的数字去掉了。
使用
alert(uniq(arr));
测试一下
JS Array(数组)所有操作方法,改变数组方法、不改变数组方法
定义:返回由所有参数值组成的数组,如果没有参数,就返回一个空数组。
目的:Array.of() 出现的目的是为了解决上述构造器因参数个数不同,导致的行为有差异的问题。
参数:
第一个参数(必需):要转化为真正数组的对象。
第二个参数(可选): 类似数组的map方法,对每个元素进行处理,将处理后的值放入返回的数组。
第三个参数(可选): 用来绑定this。
ps:splice方法从数组中添加/删除项目,然后返回被删除的项目
语法: array.splice(index,howmany,item1,…..,itemX)
参数:
index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, …, itemX: 可选。向数组添加的新项目。
返回值: 如果有元素被删除,返回包含被删除项目的新数组。
删除元素
删除并添加
不删除只添加
ps:方法接受两个参数,一个从哪里开始,一个是到哪里结束(但是不包括这个结束的元素本身)。如果是负数,就从倒数第几个。
参数可选: 规定排序顺序的比较 函数 。
默认情况下sort()方法没有传比较函数的话,默认按字母升序,如果不是元素不是字符串的话,会调用toString()方法将元素转化为字符串的Unicode(万国码)位点,然后再比较字符。
比较函数的两个参数
sort的比较函数有两个默认参数,要在函数中接收这两个参数,这两个参数是数组中两个要比较的元素,通常我们用 a 和 b 接收两个将要比较的元素:
sort排序常见用法
数组元素为数字的升序、降序:
数组多条件排序
自定义比较函数
定义: 在当前数组内部,将指定位置的成员复制到其他位置,并返回这个数组。
语法: array.copyWithin(target, start = 0, end = this.length)
参数:
三个参数都是数值,如果不是,会自动转为数值.
target(必需):从该位置开始替换数据。如果为负值,表示倒数。
start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
end(可选):到该位置前停止读取数据,默认等于数组长度。使用负数可从数组结尾处规定位置。
浏览器兼容(MDN): chrome 45,Edge 12,Firefox32,Opera 32,Safari 9, IE 不支持
从上述例子:
第一个参数是开始被替换的元素位置
要替换数据的位置范围:从第二个参数是开始读取的元素,在第三个参数前面一个元素停止读取
数组的长度不会改变
读了几个元素就从开始被替换的地方替换几个元素
参数:
第一个元素(必须): 要填充数组的值
第二个元素(可选): 填充的开始位置,默认值为0
第三个元素(可选):填充的结束位置,默认是为this.length
使用join方法或者下文说到的toString方法时,当数组中的元素也是数组或者是对象时会出现什么情况?
join()/toString()方法在数组元素是数组的时候,会将里面的数组也调用join()/toString(),如果是对象的话,对象会被转为[object Object]字符串。
如上述栗子:调用数组的toLocaleString方法,数组中的每个元素都会调用自身的toLocaleString方法,对象调用对象的toLocaleString,Date调用Date的toLocaleString。
该方法的效果和join方法一样,都是用于数组转字符串的,但是与join方法相比没有优势,也不能自定义字符串的分隔符,因此不推荐使用。
ps:当数组和字符串操作的时候,js 会调用这个方法将数组自动转换成字符串
ps:字符串也有一个slice() 方法是用来提取字符串的,不要弄混了。
参数:
begin(可选): 索引数值,接受负值,从该索引处开始提取原数组中的元素,默认值为0。
end(可选):索引数值(不包括),接受负值,在该索引处前结束提取原数组元素,默认值为数组末尾(包括最后一个元素)。
如上:新数组是浅拷贝的,元素是简单数据类型,改变之后不会互相干扰。
如果是复杂数据类型(对象,数组)的话,改变其中一个,另外一个也会改变
原因在定义上面说过了的:slice()是浅拷贝,对于复杂的数据类型浅拷贝,拷贝的只是指向原数组的指针,所以无论改变原数组,还是浅拷贝的数组,都是改变原数组的数据。
ES6扩展运算符…合并数组:
因为ES6的语法更简洁易懂,所以现在合并数组我大部分采用…来处理,…运算符可以实现cancat的每个栗子,且更简洁和具有高度自定义数组元素位置的效果。
参数:
searchElement(必须):被查找的元素
fromIndex(可选):开始查找的位置(不能大于等于数组的长度,返回-1),接受负值,默认值为0。
严格相等的搜索:
数组的indexOf搜索跟字符串的indexOf不一样,数组的indexOf使用严格相等===搜索元素,即数组元素要完全匹配才能搜索成功。
注意:indexOf()不能识别NaN
参数:
searchElement(必须): 被查找的元素
fromIndex(可选): 逆向查找开始位置,默认值数组的长度-1,即查找整个数组。
关于fromIndex有三个规则:
正值。如果该值大于或等于数组的长度,则整个数组会被查找。
负值。将其视为从数组末尾向前的偏移。(比如-2,从数组最后第二个元素开始往前查找)
负值。其绝对值大于数组长度,则方法返回 -1,即数组不会被查找。
参数:
searchElement(必须):被查找的元素
fromIndex(可选):默认值为0,参数表示搜索的起始位置,接受负值。正值超过数组长度,数组不会被搜索,返回false。负值绝对值超过长数组度,重置从0开始搜索。
includes方法是为了弥补indexOf方法的缺陷而出现的:
indexOf方法不能识别NaN
indexOf方法检查是否包含某个值不够语义化,需要判断是否不等于-1,表达不够直观
js常用增删改查方法/js比较运算符 逻辑运算符 赋值运算符 算术运算符
js数组遍历某个值求和
一、增
1、push()
可接收任意数量的参数,把它们逐个添加至数组末尾,并返回修改后数组的长度。例如:
2、unshift()
该方法与push()类似,也可接收任意数量的参数,只不过是将参数逐个添加至数组前端而已,同样返回新数组长度。咱们接着上面的例子:
3、concat()
该方法与push()方法有点类似,同样是将元素添加至数组末尾,只不过这个数组已经不是原来的那个数组了,而是其副本,所以concat()操作数组后会返回一个新的数组。具体用法如下:
① 不传参数,返回当前数组副本
② 传递一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中
③ 传递非数组参数,这些参数就会被直接添加到结果数组的末尾
继续接着上面的栗子:
例子中一目了然,原数组保持不变,新数组后面添加了4、5、6三个元素。
4、splice()
前面的三个方法都具有很大局限性,因为不是添加到数组前就是数组后,而splice()就不一样了,它非常灵活和强大。灵活是因为它可以添加元素到数组的任意位置,强大是因为它除了可以添加元素之外还具有删除和替换元素的功能(这个后面会陆续讲到)。
splice()可以向数组指定位置添加任意数量的元素,需要传入至少3个参数: 起始位置、0(要删除的元素个数)和要添加的元素。
依然接着上面的例子继续:
可以看出,splice()与push()和unshift()一样是直接在原数组上修改的。
二、删
1、pop()
与push()方法配合使用可以构成后进先出的栈,该方法可从数组末尾删除最后一项并返回该项。
接着上例:
2、shift()
与push()方法配合使用可以构成先进先出的队列,该方法可删除数组第一项并返回该项。
继续接着上例:
3、slice()
定义和用法
slice() 方法以新的数组对象,返回数组中被选中的元素。
slice() 方法选择从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。
注释:slice() 方法不会改变原始数组。
该方法同concat()一样是返回一个新数组,不会影响原数组,只不过slice()是用来裁剪数组的,返回裁剪下来的数组,具体用法如下:
4、splice()
好,继续讲这个“万能”的方法。
上面讲到,该方法在添加数组元素的时候需要传入3个以上参数,而其中第2个参数就是用于指定要删除元素的个数的,那时我们传的是数字0。那么,如果单单只需删除元素,我们就只需给splice()传入两个参数,第1个参数用于指定要删除的第一项的位置,第2个参数用于指定要删除元素的个数。
继续上例~~
从索引项为2的位置开始删除4个元素,所以结果为 [-1, 0, 1, 2]。
三、改
这个其实最灵活的方式就是直接使用splice()这个强大的方法了,其实通过以上对该方法的了解,我们大致就能知道使用该方法修改数组元素的基本原理。
js修改数组中的某一值 js修改数组中的某个元素
原理很简单,就是向指定位置插入任意数量的元素,且同时删除任意数量的元素。
依然继续上例~~
四、查
indexOf()和lastIndexOf()
这两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,indexOf()从数组的开头(位置0)开始向后查找,lastIndexOf()方法则从数组的末尾开始向前查找。
例如:
当找不到该元素时,返回 -1 ,lastIndexOf()方法同理。
1 数据类型
2 引用数据类型
object 对象类型
3 number 数字类型
包含所有的数字(整数,浮点数,正数,负数,极大极小数),Infinity(分母为零),NaN(not a number)
4 string 字符串类型
引号包含的任意文本,单双引号都可以
输出展示
2 比较运算符
/*
1 比较运算符
比较两个值的大小 返回一个布尔值(true 或 false)
> < >= <= == != === !==
== 等于,只判断数值
===全等,绝对等于,即判断数据类型也判断数值
!= == 取反
!== ===取反
console.log(undefined == null);//true 都没有值
console.log(undefined === null);//false 数据类型不同undefined object
console.log(NaN == NaN); //false
console.log(NaN === NaN); //false
console.log(NaN != NaN); //true
console.log(NaN !== NaN); //true
/
3 逻辑运算符
/
2 逻辑运算符
连接多个表达式,返回一个布尔值(true 或 false)
&& 逻辑与 并且 所有的表达式都为true,结果才为true,有一个为false结果就为false
|| 逻辑或 或者 所有的表达式都为false,结果才为false,有一个为true结果就为true
! 逻辑非 取反 表达式为true取反就为true,反之亦然
注意: 逻辑与的优先级大于逻辑或
*/
逻辑运算符演示
输出到控制台的结果
4 赋值运算符
/*
3 赋值运算符
= 等号右边的值赋值给左边
+= x += y x = x + y 下同
-=
*=
/=
%= 要的是余数
*/
x = 7;
y = 3;
console.log(x/=y)
5 算术运算符
/*
算术运算符
+ – * / %(取余,取模) ++(自增) –(自减)
%(取余,取模) 应用 判断奇偶数、倍数
++ 相当于自己加1 x++ 相当于 x = x + 1
— 相当于自己加1 x– 相当于 x = x – 1
+运算碰到字符串,直接进行字符串拼接,返回string类型
– * / %遇到字符串,都转换成number类型进行计算,如果不能转换成数字,则返回NaN,数据类型未number
true转换1 false转换为0
++ —
前++和后++,对于变量自己来说没有区别都是+1
前++ 先赋值 在加1
后++ 先加1 再赋值
/
/ var x = 5;//number
var y = 2;//number
comsole.log(x + y);//7
comsole.log(x – y);//3
comsole.log(x * y);//10
comsole.log(x / y);//2.5
comsole.log(x % y);//1 */
js操作数组,不修改原数组
js数组是引用类型的值,我们直接将原数组赋值给新的变量,由于指针指向同一个内存地址,修改数组,原数组也会被修改。
如果不想原数组被修改,可以采用以下方法:
此时,再修改copyList的值,不会影响list的值。
es6的Array.from()和扩展语句也可以复制数组,而不会继续引用原数组。
基础用法链接:
slice
concat
Array.from()
… 扩展语句
请问如何替换一个数组中的指定元素?
用replace函数将这些逗号全部都替换掉,比如说你的数据在a1单元格,replace(a1,”,”,””),这些字符就会都变成挨着的,然后再用一次replace,往里面插入逗号,即replace(replace(a1,”,”,””),””,”,”),这样出现的结果是,最前面和最后面都会有一个逗号,需要把最前面和最后面的逗号去掉,可以用right和left函数,right(replace(replace(a1,”,”,””),””,”,”),len(replace(replace(a1,”,”,””),””,”,”))-1),此时去掉了前面的逗号,再用一次left,即left(right(replace(replace(a1,”,”,””),””,”,”),len(replace(replace(a1,”,”,””),””,”,”))-1),len(right(replace(replace(a1,”,”,””),””,”,”),len(replace(replace(a1,”,”,””),””,”,”))-1))-1),这样看着太痛苦了,所以建议将right那里的数据放在b1单元格中,后面的left就是left(b1,len(b1)-1),一个很笨的方法,不晓得对你有用没