当前位置: 首页 > news >正文

正邦高端网站建设钟表网站开发背景文章

正邦高端网站建设,钟表网站开发背景文章,织梦怎么做中英文网站切换,网站排名优化培训课程TypeScript数组和对象的操作 一、数组的声明二、数组初始化三、数组元素赋值、添加、更改四、删除五、合并、断开数组六、查找数组元素七、连接数组元素八、排序、反序数组九、遍历数组&#xff0c;对象 一、数组的声明 let arr1: Array<number>; let arr2: number[];二…

TypeScript数组和对象的操作

  • 一、数组的声明
  • 二、数组初始化
  • 三、数组元素赋值、添加、更改
  • 四、删除
  • 五、合并、断开数组
  • 六、查找数组元素
  • 七、连接数组元素
  • 八、排序、反序数组
  • 九、遍历数组,对象

一、数组的声明

let arr1: Array<number>;
let arr2: number[];

二、数组初始化

let arr1: Array<number> = new Array<number>();
let arr2: number[] = [1,2,3];

三、数组元素赋值、添加、更改

// 基本变量不需要声明后可以不需要初始化;
let a:number;
a = 1;
console.log(a); // 1let b: string;
b = "string";
console.log(b); // string// 数组和对象使用之前必须要初始化;
let arr1: Array<number>;
// arr1[0] = 100; // Variable 'arr1' is used before being assigned.
//arr1.push(100);  // 就算使用push来添加也不行
//console.log(arr1)let arr2: Array<number> = new Array<number>();
arr2[0] = 1;  // 赋值和修改格式一样
arr2.push(2);	// 最后面增加,可以多个值
arr2.unshift(3) // 最前面增加,可以多个值
console.log(arr2)  // [3, 1, 2, 3] 

四、删除

let arr: Array<number> = [1,2,3,4,5]
arr.pop();
console.log(arr);   // [1, 2, 3, 4] arr.shift();
console.log(arr);   // [2, 3, 4] arr.splice(0,2);     // 删除元素(index, deleteCount)
console.log(arr);    // [4] 

五、合并、断开数组

let arr: Array<number> = [1,2,3]
let arr2: Array<number> = [4,5,6]
let arrValue = 7arr = arr.concat(arr2)console.log(arr) //[1, 2, 3, 4, 5, 6] arr = arr.concat(arrValue)console.log(arr) //[1, 2, 3, 4, 5, 6, 7] let newArray = arr.slice(1, 3)
console.log(newArray)  // [2,3]

六、查找数组元素

let arr: Array<string> = ["a", "b", "c", "d"]let index = arr.indexOf("c") //返回查找到的第一个元素所在位置
console.log(index) // 2index = arr.lastIndexOf("d") //返回反序查找的第一个元素所在位置
console.log(index) // 3// 对象
let persons = [{ id: 1, name: '张三', age: 23 },{ id: 2, name: '李四', age: 11 },{ id: 3, name: '王五', age: 16 }
];// persons.forEach((value, index, array) => {
//     console.log(value, index)
// })// find() 方法返回相应的对象, 从未返回真值,则 find() 方法返回 undefined
const person = persons.find(obj => {return obj.id === 2;
})console.log(person); // {  "id": 2,  "name": "李四",  "age": 11} // filter, 也可以反向选择
const p1 = persons.filter(obj => {// return obj.name != "李四"return obj.id == 2;
})console.log(p1); // {  "id": 2,  "name": "李四",  "age": 11} const p2 = persons.filter(obj => {return obj.id != 2;
})console.log(p2); 
/**
[{"id": 1,"name": "张三","age": 23
}, {"id": 3,"name": "王五","age": 16
}]*/// 查找元素的index
const c1 = persons.findIndex(person => {return person.name == "李四"
})console.log(c1); // 1
console.log(persons[c1]) //{  "id": 2,  "name": "李四",  "age": 11} 

七、连接数组元素

let arr: Array<string> = ["a", "b", "c", "d"]let joinString = arr.join(",") //返回查找到的第一个元素所在位置
console.log(joinString) // "a,b,c,d" joinString = arr.join("-") //返回反序查找的第一个元素所在位置
console.log(joinString) // "a-b-c-d" 

八、排序、反序数组

let arr: Array<number> = [1,4,3,5,2]arr.sort()
console.log(arr) // [1, 2, 3, 4, 5] arr.reverse() //返回反序查找的第一个元素所在位置
console.log(arr) // [5, 4, 3, 2, 1] 

九、遍历数组,对象

  • 定义数组
let persons = [{ id: 1, name: '张三', age: 23 },{ id: 2, name: '李四', age: 11 },{ id: 3, name: '王五', age: 16 }
];
  1. for 循环
for ( let index = 0; index < persons.length; ++index) {console.log(persons[index]);
}
  1. for…in 循环
for (let index in persons) {console.log(persons[index])  
}
  1. for…of循环
for (let person of persons) {console.log(person)  
}
  1. forEach循环
persons.forEach((value, index, array) => {console.log(value, index)
})
http://www.yayakq.cn/news/835949/

相关文章:

  • 乐清网站只做做网站page
  • 广州网站建设 企业wordpress加图片
  • 怎样可以查看网站是由哪个公司做的江门58同城网
  • 上海自助建站 上海网站建设设计网站公司只找亿企邦
  • 网站没备案可以上线吗可以翻外墙的浏览器
  • 做中介卖房子开哪个网站医药包装设计公司
  • 济南智能网站建设流程17做网站广州起做网店
  • 洛阳网站建设招聘信息微分销系统开发那家好
  • 池州市建设厅官方网站网站首页被k 内页还有
  • 电子商务网站建设平台站长 网站ip
  • 网站的文本链接怎么做策划推广
  • 网站建设 商标鸿安建设集团网站
  • 会泽网站建设wordpress ftp 安装
  • 六安做网站多少钱吴江建设网站
  • 如何做学校的网站保险网站有哪些平台
  • 企业网站源代码免费下载pinterest官网
  • c2c网站开发毕业设计即墨哪里有做网站的
  • 网站建设-搜遇网络ui设计零基础到精通自学
  • 免费开源网站系统wordpress全站pjax
  • 信阳网站建设公司汉狮排名wordpress 四亩地
  • 响应式网站建设的应用场景创建免费网站需要什么条件
  • 国外自适应网站模版wordpress 上传绕过
  • 正规的网站制作联系方式wordpress 验证百度网盟
  • 建站广告民治专业做网站公司
  • 郑州网站推广价格电商网站分析报告
  • 网站平台建设项目检查汇报材料长沙竞价优化
  • 免费创一个网站网络销售推广是做什么的具体
  • 建设工程+质量+协会网站wordpress文字添加图片不显示图片
  • 做网站的公司市场深圳电子商务网站 开发
  • 莱芜拉呱电商运营seo是什么