[TIL] d+12

3948 ワード

航海はんのう hh99 TIL React テキストリンク

😴

やっぱり今日も疲れた.
今日から3週間の特技週間です.
勉強を始めたばかりで、途中で1時間も気絶しました(ほほほ)
1-7强は完全に泣き叫ぶ壁...

Array内蔵関数

#map

const 원본 배열 = [1, 2, 3, 4, 5];
const 새 배열 = 원본 배열.map((arr_item) => {
	return arr_item + 1; 
});

---------------------
console.log(원본 배열);
 = [1, 2, 3, 4, 5]
console.log(새 배열);
 = [2, 3, 4, 5, 6]
 ---------------------

元のアレイを破壊することなく、アレイ内の各要素をこのように変換できます.これは繰り返し文です.

#filter

 const 원본 배열 = [1, 2, 3, 4, 5]
 const 새 배열 = 원본 배열.filter.((arr_item) => {
 	return arr_item > 3;
 });
    
--------------------
 console.log(새 배열);
 = [4, 5]
--------------------

条件を満たす項目だけを選択して、私の新しい配列の関数にします.
本来の配列を破壊しない.

#concat

const 원본 배열 [1, 2, 3, 4, 5];
const 새 배열 = [4, 5];

const 둘을 더한 배열 = 원본 배열.concat(새 배열);

--------------------------
console.log(둘을 더한 배열);
 = [1, 2, 3, 4, 5, 4, 5]
--------------------------

元のアレイに別のアレイの関数を追加します.
元のアレイは後方にマージされますが、重複する要素は削除されません.
本来の配列を破壊しない.
コンケイト...かわいい...

#from

> 문자열을 배열로 만들기

const 문자열= "river";
const 문자 배열 = Array.from(문자열);

----------------------------
console.log(문자 배열);
 = ["r", "i", "v", "e", "r"]
----------------------------

> 문자열을 인덱스 배열로 만들기

const 인덱스 배열 = Array.from(문자열, (item, index) => {return index});
----------------------------
console.log(인덱스 배열);
= [0, 1, 2, 3, 4]
----------------------------

> 또 다른 사용 예시
const 새 배열 = Array.from({length: 4}, (item, index) => { return index; });

console.log(새 배열);
[0, 1, 2, 3]

非配列を配列として作成する場合、類似配列をコピーして新しい配列として作成する場合、主に新しい配列を作成するために使用されます.
≪類似アレイ｜Like Array｜oem_src≫:外観は類似していますが、組み込み関数を使用しないアレイです.ex)DOM nodelist

反応の設定

1.NVMのインストール(node.jsバージョン管理ツール)
https://github.com/coreybutler/nvm-windows/releases
-バージョンの確認:nvm--version
- node.jsインストール:nvm install[インストールするバージョン番号]
-インストールされたノードのリスト:nvmls
-ノードバージョンの確認:node-v
-ノードバージョンの変更:nvm use[使用するバージョン番号]
2.デフォルト端末bashに変更
3.NPMを使用して糸を設定する(梱包マネージャ)
npmはノードのインストール時に一緒にインストールします.
-糸取付:npm install-g糸
-糸バージョンの確認:糸-v
-糸を使用してパッケージをインストールする:糸を追加[インストールするパッケージ名]
4.CRA(create-act-app)を糸で取り付ける
Webサイトの作成に必要なコンテンツを含むパッケージです.
yarn add global create-react-app
5.応答項目の作成
yarn create react-app week-1
6.応答項目の起動
cd week-1
yarn start