剑指前端(前端入门笔记系列)——数组(方法)
2019-08-14 09:57:45来源:博客园 阅读 ()
var arr = ["AI-fisher",true]; console.log("原数组:" , arr); result = arr.push(1,"2",NaN); console.log("操作后的原数组:" , arr); console.log("操作的返回值:" , result);
var arr = ["AI-fisher",true]; console.log("原数组:" , arr); result = arr.unshift(1,"2",NaN); console.log("操作后的原数组:" , arr); console.log("操作的返回值:" , result);
var arr = ["AI-fisher",true,1,undefined,{},NaN,null,2]; console.log("原数组:" , arr); result = arr.pop(); console.log("操作后的原数组:" , arr); console.log("操作的返回值:", result);
var arr = ["AI-fisher",true,1,undefined,{},NaN,null,2]; console.log("原数组:" , arr); result = arr.shift(); console.log("操作后的原数组:" , arr); console.log("操作的返回值:" , result);
var arr = ["AI-fisher",true,1,undefined,{},NaN,null]; console.log("原数组:" , arr); result = arr.splice(); console.log("操作后的原数组:" , arr); console.log("操作的返回值" , result);
var arr = ["AI-fisher",true,1,undefined,{},NaN,null]; console.log("原数组:" , arr); result = arr.splice(2); console.log("操作后的原数组:" , arr); console.log("操作的返回值" , result);
(3)传两个参数:以第一个参数为索引开始删,往后总共删除第二个参数个
var arr = ["AI-fisher",true,1,undefined,{},NaN,null]; console.log("原数组:" , arr); result = arr.splice(2,4); console.log("操作后的原数组:" , arr); console.log("操作的返回值" , result);
var arr = ["AI-fisher",true,1,undefined,{},NaN,null]; console.log("原数组:" , arr); console.log("第一次操作的返回值:" , arr.splice(2,4,"abc")); //替换 console.log("第一次操作后的原数组:" , arr); console.log("第二次操作的返回值:" , arr.splice(2,0,"1111",2222,NaN)); //新增 console.log("第二次操作后的原数组:" , arr);
var arr = [5,207,23,4,1970,6,9,7]; console.log("原数组:" ,arr); result = arr.sort(); console.log("操作的返回值:" , result); console.log("操作后的原数组" , arr);
var arr = [5,207,23,4,1970,6,9,7]; console.log("原数组:" ,arr); result = arr.sort(function(a,b){ return a-b; }); console.log("操作的返回值:" , result); console.log("操作后的原数组" , arr);
var arr = [5,207,23,4,1970,6,9,7]; console.log("原数组:" ,arr); result = arr.sort(function(a,b){ return b-a; }); console.log("操作的返回值:" , result); console.log("操作后的原数组" , arr);
var arr = [1,3,4,undefined,null,[3,1,5]]; console.log("原数组为:" , arr); console.log("返回值为:" , arr.reverse()); console.log("操作后的原数组为:" , arr);
var arr1 = [3,4,5]; console.log("原数组为:" , arr1); var arr2 = arr1.concat(); console.log("操作后的原数组为:" , arr1); console.log("操作的返回值:" , arr2); console.log("arr1和arr2是否相等?" , arr1==arr2);
var arr1 = [3,4,5];
console.log("原数组为:" , arr1);
var arr2 = arr1.concat("1",undefined,NaN,null,1,{a:"admin"},["a","b","c"]);
console.log("操作后的原数组为:" , arr1);
console.log("操作返回的新数组为:" , arr2);
var arr = [4,5,6]; console.log("原数组为:" , arr); str = arr.join(); console.log("操作后的原数组:" ,arr); console.log("操作的返回值:" , str); console.log("操作的返回值的类型:" + typeof str);
var arr = [4,5,6]; console.log("原数组为:" , arr); str = arr.join(1); console.log("第一次操作后的原数组:" ,arr); console.log("第一次操作的返回值:" , str); console.log("第二次操作的返回值:" , arr.join("-")); console.log("第三次操作的返回值:" , arr.join("~")); console.log("第一次操作的返回值的类型:" + typeof str);
var arr = [1,2,3,4]; console.log("原类型为:" , typeof arr); result = arr.toString(); console.log("操作后的返回值为:" , result); console.log("操作后的原数组" , arr); console.log("操作后的类型为:" , typeof result);
var arr = [1,3,4,undefined,null,[3,1,5]]; console.log("原数组为:" , arr); console.log("返回值为:" , arr.slice(1)); console.log("返回值为:" , arr.slice(-1)); console.log("操作后的原数组为:" , arr);
var arr = [1,3,4,undefined,null,[3,1,5]]; console.log("原数组为:" , arr); console.log("返回值为:" , arr.slice(1,3)); console.log("返回值为:" , arr.slice(-3,-1)); console.log("操作后的原数组为:" , arr);
var arr = [1,2,3,4]; var result = arr.valueOf(); console.log("操作后的返回值为:" , result); console.log("操作后的原数组" , arr); console.log("返回值是否和原数组是同一个数组:" , result === arr);
let arr = ["h","e","l","l","o"];
console.log("该元素的索引值为:" + arr.indexOf("l"));
let arr = ["h","e","l","l","o"]; console.log(arr.indexOf("l",3)); console.log(arr.indexOf("l",4)); console.log(arr.indexOf("l",-1)); console.log(arr.indexOf("l",-3));
let arr = [1,undefined,null,NaN,"AI-fisher",true,[1,2,3],{name:"AI-fisher"}]; console.log("原数组为:" , arr); let result = arr.forEach(function(value,index,self){ console.log(`第一个参数:${value},第二个参数:${index},第三个参数:${self}`); }); console.log("操作的返回值:" , result); console.log("操作后的原数组:" , arr);
let arr = [1,undefined,null,NaN,"AI-fisher",true,[1,2,3],{name:"AI-fisher"}]; console.log("原数组为:" , arr); let result = arr.map(function(value,index,self){ console.log(`第一个参数:${value},第二个参数:${index},第三个参数:${self}`); }); console.log("操作的返回值:" , result); console.log("操作后的原数组:" , arr);
let arr = [1,undefined,null,NaN,"AI-fisher",true,[1,2,3],{name:"AI-fisher"}]; console.log("原数组为:" , arr); let result = arr.map(function(value,index,self){ return `blog${value}`; }); console.log("操作的返回值:" , result); console.log("操作后的原数组:" , arr);
let arr = [1,undefined,null,NaN,"AI-fisher",true,[1,2,3],{name:"AI-fisher"}]; console.log("原数组为:" , arr); let result = arr.filter(function(value,index,self){ console.log(`第一个参数:${value},第二个参数:${index},第三个参数:${self}`); }); console.log("操作的返回值:" , result); console.log("操作后的原数组:" , arr);
var arr = [12345,NaN,"AI-fisher",true,[1,2,3,4],{name:"AI-fisher"}]; console.log("原数组为:" , arr); let result = arr.filter(function(value,index,self){ return value.length > 3; }); console.log("操作的返回值:" , result); console.log("操作后的原数组:" , arr);
原文链接:https://www.cnblogs.com/AI-fisher/p/11101855.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- js调用刷新界面的几种方式 2020-03-05
- 高性能JavaScript循环语句和条件语句 2020-02-21
- Javascript实现前端简单的路由实例 2019-12-17
- 带你了解JavaScript 2019-10-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash