1、at()
配列インデックスを引数として関数に渡し、そのインデックスに対応する配列要素を返します。
const array = [1,2,3,4,5];
console.log(array.at(1)); // 2
console.log(arr.at(-1)); // 5
console.log(arr.at(-2)); // 4
console.log(arr.at(10)); // undefined 超出最大下标，那么就返回undefined，不会报错2、連結()
配列をマージして、新しい配列を返します。
const array = [1,2,3,4,5];
const arr = ['a','v','d'];
console.log(array.concat(arr)); // [1, 2, 3, 4, 5, 'a', 'v', 'd']
console.log(arr.concat(array)); // ['a', 'v', 'd', 1, 2, 3, 4, 5]3、リバース()
配列項目の順序を逆にします。
const array = [1,2,3,4,5];
console.log(array.reverse()); // [5, 4, 3, 2, 1]4、結合()
デフォルトでは、配列の要素をパラメーター区切り文字で区切られた文字列に結合し、コンマで区切られます。
const array = [1,2,3,4,5];
console.log(array.join()); // 1,2,3,4,5
console.log(array.join('')); // 12345
console.log(array.join('-')); // 1-2-3-4-5
// 数组中以某一字符为基准换行
console.log(array.join().replace(/[,]/g,'$&\r\n'));
// 1,
// 2,
// 3,
// 4,
// 55、プッシュ()
元の配列の末尾に引数を追加し、配列の長さを返します。
const array = [1,2,3,4,5];
console.log(array.push(9)); // 6
console.log(array); // [1, 2, 3, 4, 5, 9]
//遍历取数组中的某一项
const tableDataAdd = [
{ agentCode: '789456', agentName: '张三' },
{ agentCode: '234486', agentName: '李四'},
{ agentCode: '765455', agentName: '王五' },
];
const tableDataAddArr = [];
tableDataAdd.map((item, index) => {
tableDataAddArr.push(item.agentCode);
})
console.log(tableDataAddArr); // ['789456', '234486', '765455']6・ポップ()
配列の末尾から最後の項目を削除し、削除された項目を返します。
const array = [1,2,3,4,5];
console.log(array.pop()); // 5
console.log(array); // [1, 2, 3, 4]7、unshift()
元の配列の先頭に引数を追加し、配列の長さを返します。
const array = [1,2,3,4,5];
console.log(array.unshift(9)); // 6
console.log(array); // [9, 1, 2, 3, 4, 5]8、シフト()
元の配列の最初の項目を削除し、削除された項目を返します。
const array = [1,2,3,4,5];
console.log(array.shift()); // 1
console.log(array); // [2, 3, 4, 5]9、スライス()
インターセプトすると、元の配列は変更されず、新しい配列が返されます。
const array = [1,2,3,4,5];
console.log(array.slice(1)); // [2, 3, 4, 5]
console.log(array.slice(1,3)); // [2, 3] 包括参数1，不包括参数2
console.log(array.slice(-1)); // [5]10、スプライス()
元の配列を変更すると、操作を削除、挿入、置換できます。
const array = [1,2,3,4,5];
//删除：2个参数，（1，2）从下标1开始删除2个
console.log(array.splice(1,2)); // [2, 3]
console.log(array); // [1, 4, 5]
//替换：3个参数，（1，3，5）从下标1开始，长度为3的数组元素替换成5
console.log(array.splice(1,3,5)); // [2, 3, 4]
console.log(array); // [4, 2, 3, 4, 5][1, 5, 5]
//插入：3个参数，（1，0，5）在下标为1处添加一项5（中间项为0）
console.log(array.splice(1,0,5)); //
console.log(array); // [1, 5, 2, 3, 4, 5]11、ソート()
デフォルトでは、値を文字列としてアルファベット順および昇順でソートし、元の配列を変更します。
const array = ['D', 'B', 'A', 'C'];
console.log(array.sort()); // ['A', 'B', 'C', 'D']
//用比较函数解决sort排序错误问题
const array = [4, 1, 3, 2, 10];
console.log(array.sort()); // [1, 10, 2, 3, 4]
console.log(array.sort((a, b) => a - b)); // [1, 2, 3, 4, 10]
console.log(array.sort((a, b) => b - a)); // [10, 4, 3, 2, 1]12、indexOf()
パラメータが配列に存在するかどうかを調べ、存在する場合は添え字を返し、存在しない場合は -1 を返します。
const array = [1, 2, 3, 4, 5];
console.log(array.indexOf(4)); // 3
console.log(array.indexOf(7)); // -1
//判断数组内元素是否存在
const list = [
{ code: '01',name: '张山' },
{ code: '02',name: '李四' },
{ code: '03',name: '王五' },
]
const listFilter = list.filter(optionItem => {
return ['02'].indexOf(optionItem.code) > -1;
});
console.log(listFilter);// [{code: '02', name: '李四'}]
13、含む()
配列に指定された値が含まれているかどうか、ブール値を返します。
const array = [1, 2, 3, 4, 5];
console.log(array.includes(3)); // true
console.log(array.includes(7)); // false
console.log(array.includes(3,2)); // true14、塗りつぶし()
配列要素に静的な値を入力します。
const array = [1, 2, 3, 4, 5];
console.log(array.fill(4)); // [4, 4, 4, 4, 4]